svelte-grid-extended

• Description: Svelte-Grid-Extended is a draggable, resizable grid layout component for Svelte. It's an extended version of svelte-grid , offering additional features and customization options.

• Purpose: Provides a flexible grid system with interactive capabilities like dragging, resizing, and collision handling. Supports both static and dynamic grid layouts.

• Key Features:

  • Draggable and resizable grid items
  • Static grid mode with fixed dimensions
  • Infinite grid growth option (unbounded)
  • Customizable styling through classes and props
  • Collision handling with three strategies: none, push, compress
  • Custom move/resize handles
  • Two-way data binding support
  • Grid controller for programmatic control

• Target Audience: Svelte developers needing interactive grid layouts for dashboards, content management systems, or any application requiring draggable/resizable components.

• Framework Support: Primarily designed for Svelte.

• Notable Capabilities:

  • Static grid mode with fixed item sizes
  • Infinite grid growth in both directions
  • Customizable collision behavior
  • Programmatic control via Grid Controller
  • Extensive styling options through CSS classes

• Documentation: Comprehensive API docs covering Grid and GridItem props, events, and styling options. Includes multiple interactive examples via Svelte REPL links .

• Status: Currently in alpha (expect breaking changes in future versions).

• License: MIT licensed.