All Projects → vaheqelyan → Svelte Grid

vaheqelyan / Svelte Grid

Licence: mit
A responsive, draggable and resizable grid layout, for Svelte.

Projects that are alternatives of or similar to Svelte Grid

vue-smart-widget
🗃️Smart widget is a flexible and extensible content container component for Vue2.x / Vue3.x in Next branch.
Stars: ✭ 110 (-76.74%)
Mutual labels:  grid, layout, draggable, resizable
Vue Drag Resize
Vue Component for resize and drag elements
Stars: ✭ 1,007 (+112.9%)
Mutual labels:  drag, draggable, resizable
Muuri
Infinite responsive, sortable, filterable and draggable layouts
Stars: ✭ 9,797 (+1971.25%)
Mutual labels:  layout, grid, draggable
Vue Draggable Resizable Gorkys
Vue 用于可调整大小和可拖动元素的组件并支持冲突检测、元素吸附、元素对齐、辅助线
Stars: ✭ 521 (+10.15%)
Mutual labels:  drag, draggable, resizable
Vue3 Draggable Resizable
[Vue3 组件] 用于拖拽调整位置和大小的的组件,同时支持冲突检测,元素吸附对齐,实时参考线。
Stars: ✭ 159 (-66.38%)
Mutual labels:  drag, draggable, resizable
React Rnd
🖱 A resizable and draggable component for React.
Stars: ✭ 2,560 (+441.23%)
Mutual labels:  drag, draggable, resizable
Angular Grid Layout
Responsive grid with draggable and resizable items for Angular applications.
Stars: ✭ 163 (-65.54%)
Mutual labels:  grid, draggable, resizable
Egjs Infinitegrid
A module used to arrange card elements including content infinitely on a grid layout.
Stars: ✭ 751 (+58.77%)
Mutual labels:  layout, grid, svelte
Plain Draggable
The simple and high performance library to allow HTML/SVG element to be dragged.
Stars: ✭ 362 (-23.47%)
Mutual labels:  grid, drag, draggable
Fluid-Grid
Fluid, Responsive and Semantic grid for Sass (SCSS) or LESS CSS. Supports any number of columns. Gutter width is defined as percentage, and grids can be nested too.
Stars: ✭ 17 (-96.41%)
Mutual labels:  grid, layout
TNImageView-Android
Android Library for making scale-able and rotatable image views or giving this power to your own image view. This repo has been depreciated.
Stars: ✭ 18 (-96.19%)
Mutual labels:  draggable, resizable
gymnast
🤸 Configurable grid and layout engine for React
Stars: ✭ 35 (-92.6%)
Mutual labels:  grid, layout
vue-drag-resize-rotate
一个Vue组件,支持拖拽,拉伸,旋转,放缩,自动对齐;A Vue component that supports dragging, stretching, rotating, scaling, and auto-alignment;
Stars: ✭ 42 (-91.12%)
Mutual labels:  draggable, resizable
react-native-reseau
[WIP] An ios-like grid view based on react-native.
Stars: ✭ 13 (-97.25%)
Mutual labels:  grid, draggable
grid-layout
grid-layout is a layout engine which implements grid, can use in canvas/node-canvas
Stars: ✭ 43 (-90.91%)
Mutual labels:  grid, layout
Angular2 Draggable
Angular directive (for version >= 2.x ) that makes the DOM element draggable and resizable
Stars: ✭ 270 (-42.92%)
Mutual labels:  draggable, resizable
React Flexview
A powerful React component to abstract over flexbox and create any layout on any browser
Stars: ✭ 276 (-41.65%)
Mutual labels:  layout, grid
rc-dock
Dock Layout for React Component
Stars: ✭ 318 (-32.77%)
Mutual labels:  layout, drag
jsPanel3
A jQuery Plugin to create highly configurable floating panels, modals, tooltips, hints/notifiers or contextmenus for use in a backend solution and other web applications.
Stars: ✭ 89 (-81.18%)
Mutual labels:  draggable, resizable
Re Flex
Resizable Flex layout container components for advanced React web applications
Stars: ✭ 349 (-26.22%)
Mutual labels:  layout, resizable

svelte-grid

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

Installation

via NPM

npm i svelte-grid --save-dev
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].