Solid Dnd

screenshot of Solid Dnd
solid

A lightweight, performant, extensible drag and drop toolkit for Solid JS.

Overview:

The Solid Drag and Drop is a performance-oriented library built on fine-grained reactivity primitives for smooth coordination. It offers flexibility to support various drag and drop functionalities, is extendable for custom implementations, has zero dependencies beyond Solid, ensures performant operation with minimal component re-rendering, and integrates CSS transitions for seamless user experience.

Features:

  • Built for Solid: Utilizes fine-grained reactivity primitives for smooth coordination.
  • Flexible: Supports a wide range of drag and drop cases from simple drag and drop to sortable lists.
  • Extendable: Allows users to build custom sensors, collision detection algorithms, and presets for different scenarios.
  • Zero Dependencies: Requires only Solid to operate, eliminating external dependencies.
  • Performant: Ensures efficient performance with minimal component re-rendering and integration of CSS transforms.
solid
Solid

SolidJS is a declarative JavaScript library for building user interfaces, offering a reactive programming model for efficient updates. It stands out for its reactivity system that minimizes unnecessary re-renders and its small bundle size, making it a performant choice for developing lightweight and reactive web applications.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.