dnd-kit

O dnd-kit oferece uma arquitetura em camadas para interfaces de arrastar e soltar na web. Seu núcleo abstrato pode ser usado por meio de uma implementação DOM e adaptadores finos de framework, com guias de início rápido documentados para JavaScript puro, React, Vue, Svelte e SolidJS. O kit suporta listas, grades, múltiplos contêineres, contextos aninhados, itens de tamanho variável, listas virtualizadas e interações de arrastar em estilo 2D. O suporte de entrada inclui sensores de ponteiro, mouse, toque e teclado. Os recursos de acessibilidade abrangem operação por teclado, atributos ARIA padrão, instruções para leitores de tela e regiões ao vivo. Os desenvolvedores podem personalizar animações, transições, comportamentos, estilos, combinações de teclas, sensores e lógica de detecção de colisão. Uma camada ordenável está disponível por meio de @dnd-kit/dom/sortable para interfaces de ordenação. O repositório é organizado como um monorepo de pacotes publicados, incluindo o núcleo abstrato, a camada DOM, detecção de colisão, utilitários de geometria, auxiliares, gerenciamento reativo de estado e adaptadores para React, Vue, Svelte e Solid. Documentação completa, referências de API, guias e exemplos estão hospedados em dndkit.com. O projeto é licenciado sob MIT e usa Turborepo e bun no desenvolvimento.