# Motion Flip Reorder

Prioritize a backlog or a launch plan by dragging tasks.

- id: `motion-flip-reorder`
- Page: https://agentic-ui-kit.com/components/motion-flip-reorder
- Live preview: https://agentic-ui-kit.com/live/component/motion-flip-reorder

## Install

```bash
agentic-ui add motion-flip-reorder
npx shadcn@4.17.0 add @agentic-ui/motion-flip-reorder
```

## Metadata

- **Level:** block
- **Category:** motion
- **Installable in:** Radix UI (registry variant new-york), Base UI (registry variant base-vega)
- **Capabilities:** flip-reorder, drag-and-drop, keyboard-reorder, programmatic-sort, add-remove-layout, personality-timing, reduced-motion-fallback, informative-state-preservation
- **Intents:** manage-collection, create-edit
- **Suits domains:** project-management, saas, personal-productivity, ecommerce, crm, operations
- **Interaction:** drag-and-drop, keyboard-navigation, click
- **Screen role:** management
- **Density:** medium
- **Dark mode:** yes
- **Use it for:** Prioritize a backlog or a launch plan by dragging tasks, Order the stages of a pipeline or the visible columns of a table, Reorder featured products in a collection
- **Avoid when:** Virtualized lists with hundreds of rows (use reordering without FLIP), Order that arrives in real time from the server several times per second, Complex multi-column grids; this component is a vertical list
- **Preserve when adapting:** last-painted-position-snapshot, static-moved-marker-and-positions, keyboard-sensor-and-announcements, instant-fallback-without-animations
- **Replace when adapting:** row-content, domain-copy, sort-actions
- **Adaptation effort:** low
- **Coupling:** low
- **Quality breakdown:** visual 8/10, responsive 8.5/10, accessibility 9/10, code 8.5/10
- **Uses primitives:** card, button
- **npm dependencies:** @dnd-kit/core, @dnd-kit/sortable, @dnd-kit/utilities, @agentic-ui/motion, @agentic-ui/motion-personalities, react
- **Motion:** profile subtle, library css, reduced-motion fallback yes, target 60 fps
- **npm dependencies (registry):** @dnd-kit/core@6.3.1, @dnd-kit/sortable@10.0.0, @dnd-kit/utilities@3.2.2
- **Registry dependencies:** lib-motion, lib-motion-personalities