dnd kit
Lightweight React library for building performant, accessible drag-and-drop experiences.
UI components and icons npm MIT
Used in agent projects
176
1.4% of 12,697 public repos built with AI coding agents
Rank in ui components and icons
#17 of 75
by use in those projects
Downloads
28.1M
npm, last 7 days, @dnd-kit/core
GitHub stars
17.7K
last push Sep 12, 2026
How dnd kit is used
dnd kit is a dependency in 176 of the 12,697 public GitHub projects set up for AI coding agents that we scanned (1.4%), #17 of 75 in ui components and icons. The most used alternative there is Lucide React. Projects that use it most often also use Lucide React (80.7%), clsx (74.4%), Tailwind Merge (72.7%).
Often used with dnd kit
| Lucide React | 80.7% of dnd kit projects · 4.1× more than average |
|---|---|
| clsx | 74.4% of dnd kit projects · 4.2× more than average |
| Tailwind Merge | 72.7% of dnd kit projects · 4.3× more than average |
| Zod | 70.5% of dnd kit projects · 4.2× more than average |
| Class Variance Authority | 68.8% of dnd kit projects · 4.9× more than average |
| Radix UI | 60.2% of dnd kit projects · 5.0× more than average |
| Recharts | 58.0% of dnd kit projects · 7.1× more than average |
| date-fns | 56.8% of dnd kit projects · 6.7× more than average |
By coding agent
| Claude Code | 2.8% of projects set up for it |
|---|---|
| Cursor | 3.0% of projects set up for it |
| GitHub Copilot | 2.0% of projects set up for it |
| Gemini CLI | 3.0% of projects set up for it |
| OpenAI Codex | 2.9% of projects set up for it |
| OpenCode | 3.4% of projects set up for it |
| Devin Desktop | 2.9% of projects set up for it |
| Kiro | 4.8% of projects set up for it |
Share of public repos configured for each agent that list dnd kit as a dependency.
Install
| Package | npm install @dnd-kit/core |
|---|---|
| Packages counted | @dnd-kit/core, @dnd-kit/sortable, @dnd-kit/utilities, @dnd-kit/modifiers, @dnd-kit/react, @dnd-kit/helpers, @dnd-kit/dom, @dnd-kit/abstract |
| Main stacks | Next.js (107), TypeScript / JavaScript (60), PHP (3), Python (3) |
| Example projects | LeagueAkari/LeagueAkari, ding113/claude-code-hub, 1600822305/AetherLink, bitrise-io/bitrise-workflow-editor, godotlauncher/launcher |
Alternatives to dnd kit
| Tool | Used in agent projects | Downloads / wk | GitHub stars | License |
|---|---|---|---|---|
| Lucide React npm Comprehensive icon library with consistent design for React applications. |
2,519 (19.8%) | 108M | 24.9K | ISC |
| Class Variance Authority npm Type-safe CSS class composition for component variants and styling. |
1,791 (14.1%) | 66.3M | 6,903 | Apache-2.0 |
| Radix UI npm Unstyled, accessible component primitives for building design systems. |
1,519 (12.0%) | 182M | 19.4K | MIT |
| Sonner npm Opinionated toast notification component for React applications. |
1,025 (8.1%) | 49.6M | 13K | MIT |
| React Icons npm Popular icon packs imported as React components with ES6. |
688 (5.4%) | 8.8M | 12.7K | MIT |
| cmdk npm Command menu component library for React applications. |
687 (5.4%) | 42.2M | 13K | MIT |
| React Day Picker npm Flexible and customizable date picker component for React. |
675 (5.3%) | 42.8M | 6,859 | MIT |
| Vaul npm Unstyled, accessible drawer component for React with smooth animations. |
582 (4.6%) | 35M | 8,638 | MIT |