dnd kit

dnd kit 是一个用来做拖拽交互的前端工具包。网页里常见的卡片排序、列表拖拽、看板移动，都可以用它搭出来。它用 TypeScript 编写，核心不绑定任何框架，同时为 React、Vue、Svelte、Solid 提供集成，开发者按自己用的框架选对应的入口即可。

主要功能

它把拖拽拆成几个基本概念：Draggable 是可以被拿起的元素，Droppable 是能放下的目标区域，Sortable 则用来在列表内或列表之间重新排序。页面里还提供 DragDropManager 作为协调这些操作的中央管理器。除了拖和放，它还内置了排序能力，支持任意布局和方向。

扩展方面，它提供插件、传感器和修饰器三类扩展点。传感器负责识别鼠标、触摸、键盘等不同输入方式，修饰器用来给拖拽加上约束或变换，插件则用来补充新行为。

适合谁

适合需要在前端项目里实现拖拽排序的开发者，尤其是已经用 React、Vue、Svelte 或 Solid 建站、不想自己从零处理拖拽事件和碰撞检测的人。文档按框架分入口，从 Quickstart 开始就能跑起来。

费用与限制

页面没有提到收费方式，也没有说明是否需要登录。界面语言为英文，内容以文档和示例为主，没有可直接下载的安装包。页面标注了 Latest 和 Legacy 两个版本入口，具体版本号未在材料中给出。