Skip to content
forked from clauderic/dnd-kit

The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.

License

Notifications You must be signed in to change notification settings

rashagu/dnd-kit

 
 

Repository files navigation

@dnd-kit – the modern drag & drop toolkit for React

  • Feature packed: customizable collision detection algorithms, custom drag feedback, drag handles, auto-scrolling, activation constraints, and so much more.
  • Framework agnostic: The @dnd-kit/abstract library is meant to work with any framework and in any environment. Currently, DOM and React are the two supported targets, with more to come later.
  • Supports a wide range of use cases: lists, grids, multiple containers, nested contexts, variable sized items, virtualized lists, 2D Games, and more.
  • Built-in support for multiple input methods: Pointer, mouse, touch and keyboard sensors.
  • Fully customizable & extensible: Customize every detail: animations, transitions, behaviours, styles. Build your own sensors, collision detection algorithms, customize key bindings and much more.
  • Accessibility: Keyboard support, sensible default aria attributes, customizable screen reader instructions and live regions built-in.
  • Performance: It was built with performance in mind in order to support silky smooth animations.
  • Presets: Need to build a sortable interface? Check out @dnd-kit/dom/sortable, which is a thin layer built on top of @dnd-kit/dom.

About

The modern, lightweight, performant, accessible and extensible drag & drop toolkit for React.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 68.6%
  • MDX 19.8%
  • CSS 7.0%
  • JavaScript 3.2%
  • HTML 1.4%