# svelte-grid

> A responsive, draggable and resizable grid layout, for Svelte.

Latest version **5.1.2** (published 2023-08-20) · MIT license · 0 weekly downloads

## Install

```sh
npm install svelte-grid
pnpm add svelte-grid
yarn add svelte-grid
bun add svelte-grid
```

## Health

**Score 35/100 (D)** — status: abandoned.

Positive: esm support; no vulnerabilities; high maintenance score.

Warnings: low downloads; no types.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 5.1.2 |
| Published | 2023-08-20 |
| First published | 2019-08-02 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 154.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1006 |
| Author | Vahe Araqelyan |
| Maintainers | vaheqelyan |
| Keywords | svelte, grid, drag, draggable, resize, resizable, fluid, responsive |

## Links

- npm: https://www.npmjs.com/package/svelte-grid
- Repository: https://github.com/vaheqelyan/svelte-grid
- Homepage: https://github.com/vaheqelyan/svelte-grid#readme
- Issues: https://github.com/vaheqelyan/svelte-grid/issues
- npm.io page: https://npm.io/package/svelte-grid

## Alternatives

- [@lexical/table](https://npm.io/package/@lexical/table.md) — 3.0M weekly downloads
- [mantine-datatable](https://npm.io/package/mantine-datatable.md) — 98.2K weekly downloads
- [react-native-collapsible-tab-view](https://npm.io/package/react-native-collapsible-tab-view.md) — 70.6K weekly downloads
- [@handsontable/vue3](https://npm.io/package/@handsontable/vue3.md) — 16.1K weekly downloads
- [vuewordcloud](https://npm.io/package/vuewordcloud.md) — 7.2K weekly downloads

## Recent versions

- 5.1.2 (latest) — 2023-08-20
- 5.1.1 — 2021-11-21
- 5.1.0 — 2021-10-26
- 5.0.1 — 2021-06-07
- 5.0.0 — 2021-05-22
- 4.1.0 — 2021-05-09
- 4.0.2 — 2021-03-20
- 4.0.1 — 2021-03-03
- 4.0.0 — 2021-01-17
- 3.6.0 — 2020-12-20
- 3.5.1 — 2020-12-06
- 3.5.0 — 2020-12-04
- 3.4.0 — 2020-11-29
- 3.3.2 — 2020-11-29
- 3.3.1 — 2020-11-28
- … 55 more at https://npm.io/package/svelte-grid/versions

## README

# svelte-grid

<p>
  <a href="https://www.npmjs.com/package/svelte-grid"><img  src="https://img.shields.io/npm/v/svelte-grid?style=for-the-badge"/></a>

<a href="https://bundlephobia.com/result?p=svelte-grid@1.5.0">
  <img src="https://img.shields.io/bundlephobia/min/svelte-grid?style=for-the-badge"/>
</a>
  
<a href="https://bundlephobia.com/result?p=svelte-grid@1.5.0">
  <img src="https://img.shields.io/bundlephobia/minzip/svelte-grid?style=for-the-badge"/>
</a>

<a href="https://svelte-grid.now.sh/" target="_blank">
	<img src="https://img.shields.io/website?style=for-the-badge&url=https%3A%2F%2Fsvelte-grid.now.sh%2F">
</a>

</p>

![](https://res.cloudinary.com/dmtrk3yns/video/upload/q_auto/v1565455366/ice_video_20190810-202954_fuquxt.gif)

## About

- 100% Svelte (or vanillajs) - no jQuery, no 3rd party dependencies
- Compatible with Sapper (SSR Svelte)
- Draggable widgets
- Resizable widgets
- Static widgets
- Layout can be serialized and restored
- Responsive breakpoints
- Limit the minimum and maximum width / height when resizing
- Provide helper functions
- Custom dragging
- Grid gap
- Soft autoscroll

## Installation

**via NPM**

```code
npm i svelte-grid --save-dev
```

---
_Source: https://npm.io/package/svelte-grid · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._