dnd-kit

dnd-kit proporciona una arquitectura en capas para interfaces de arrastrar y soltar en la web. Su núcleo abstracto se puede usar mediante una implementación DOM y adaptadores delgados de framework, con guías rápidas documentadas para JavaScript vainilla, React, Vue, Svelte y SolidJS. El kit admite listas, cuadrículas, múltiples contenedores, contextos anidados, elementos de tamaño variable, listas virtualizadas e interacciones de arrastre en 2D. El soporte de entrada incluye sensores de puntero, ratón, táctil y teclado. Las características de accesibilidad cubren operación con teclado, atributos ARIA predeterminados, instrucciones de lector de pantalla y regiones en vivo. Los desarrolladores pueden personalizar animaciones, transiciones, comportamientos, estilos, asignaciones de teclas, sensores y lógica de detección de colisiones. Una capa ordenable está disponible a través de @dnd-kit/dom/sortable para interfaces de ordenamiento. El repositorio está organizado como un monorepo de paquetes publicados, incluyendo el núcleo abstracto, la capa DOM, detección de colisiones, utilidades de geometría, ayudantes, gestión de estado reactivo y adaptadores para React, Vue, Svelte y Solid. La documentación completa, referencias de API, guías y ejemplos están alojados en dndkit.com. El proyecto tiene licencia MIT y usa Turborepo y bun para el desarrollo.