# Dnd Kit

> If you're new to accessibility for the web, the *Web Almanac by HTTP Archive* has an excellent primer on the subject and the state of web accessibility that you should read before diving into this gui

## Pages

- [Accessibility](accessibility.md): If you're new to accessibility for the web, the *Web Almanac by HTTP Archive* has an excellent primer on the subject ...
- [Collision detection algorithms](collision-detection-algorithms.md): If you're familiar with how 2D games are built, you may have come across the notion of collision detection algorithms.
- [DndContext](context-provider.md): In order for your your [Droppable](https://docs.dndkit.com/api-documentation/droppable) and [Draggable](https://docs....
- [Drag Overlay](drag-overlay.md): The``component provides a way to render a draggable overlay that is removed from the normal document f...
- [Draggable](draggable.md): Use the`useDraggable`hook turn DOM nodes into draggable sources that can be picked up, moved and dropped over [drop...
- [Droppable](droppable.md): Use the`useDroppable`hook to set up DOM nodes as droppable areas that [draggable](https://docs.dndkit.com/api-docum...
- [Quick start](getting-started.md): {% hint style="info" %}
- [Installation](installation.md): To get started with **@dnd-kit**, install the core library via`npm`or`yarn`:  
- [Keyboard](keyboard.md): The Keyboard sensor responds to [Keyboard events](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent). It...
- [Modifiers](modifiers.md): Modifiers let you dynamically modify the movement coordinates that are detected by sensors. They can be used for a wi...
- [Mouse](mouse.md): The Mouse sensor responds to [Mouse events](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent). Mouse event...
- [Pointer](pointer.md): The Pointer sensor responds to [Pointer events](https://developer.mozilla.org/en-US/docs/Web/API/Pointer_events). It...
- [Overview](readme.md): * **Feature packed:** customizable collision detection algorithms, multiple activators, draggable overlay, drag handl...
- [Sensors](sensors.md): Sensors are an abstraction to detect different input methods in order to initiate drag operations, respond to movemen...
- [Sortable Context](sortable-context.md): The`SortableContext`provides information via context that is consumed by the [`useSortable`](https://docs.dndkit.co...
- [Sortable](sortable.md): To get started, install the sortable preset via`npm`or`yarn`:
- [Touch](touch.md): The Touch sensor responds to [Touch events](https://developer.mozilla.org/en-US/docs/Web/API/Touch_events). Touch eve...
- [useDndMonitor](use-dnd-monitor.md): The`useDndMonitor`hook can be used within components wrapped in a`DndContext`provider to monitor the different dr...
- [useDndContext](usedndcontext.md): For advanced use-cases, for example, if you're building your own presets on top of`@dnd-kit/core`, you may want to h...
- [useDraggable](usedraggable.md): interface UseDraggableArguments {
- [useDroppable](usedroppable.md): interface UseDroppableArguments {
- [useSortable](usesortable.md): The`useSortable`hook is an abstraction that composes the [`useDroppable`](https://docs.dndkit.com/api-documentation...