Back to products

Sortable

SortableThis is a sortable component built with shadnc/ui, radix ui, and dnd-kit, and is bootstrapped with create-t3-app. It is based on the Next.js framework and utilizes Tailwind CSS for styling.

Sortable - SortableThis is a sortable component built with shadnc/ui, radix ui, and dnd-kit, and is bootstrapped with create-t3-app. It is based on the Next.js framework and utilizes Tailwind CSS for styling.
AvatarSiteOG

About Sortable

Sortable is a headless drag-and-drop component built with shadcn/ui, radix ui, and dnd-kit, bootstrapped with create-t3-app for Next.js projects. It delivers flexible, accessible reordering primitives that integrate smoothly with useFieldArray and TanStack Table while leveraging Tailwind for clean, consistent styling.

SortableThis is a sortable component built with shadnc/ui, radix ui, and dnd-kit, and is bootstrapped with create-t3-app. It is based on the Next.js framework and utilizes Tailwind CSS for styling.

Features

  • Headless Sortable UI Primitives
  • Integration with useFieldArray
  • Integration with tanstack-table
  • Clone the repository.
  • Navigate into the project directory.
  • Install dependencies using pnpm.

Use Cases

Building sortable dashboards and lists
Drag-and-drop reordering of items
Integrating with useFieldArray in forms
Reordering rows in TanStack Table

Target Audience

React DevelopersFrontend EngineersFull-stack EngineersUI DesignersProduct Engineers

Discover More Tools

Explore our comprehensive directory to find complementary tools and innovative solutions that enhance your development workflow alongside Sortable.

Quick Stats

StatusActive
Views717
Added10/3/2025

Creator

d
diceui

Creator

GitHub Stars
625
View Repository