Sortable Items Form with Reordering

A form with a dynamic list of items that can be reordered, added, and removed

Build dynamic forms with user-controlled item ordering. Perfect for priority lists, task management, menu builders, and any interface where order matters.

Sortable Items Form with Reordering preview

Scroll to load preview

Installation

Install

Pro block

npx shadcn@latest add https://www.shadcn.io/r/form-sortable-items.json

npx shadcn@latest add https://www.shadcn.io/r/form-sortable-items.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/form-sortable-items.json

bunx shadcn@latest add https://www.shadcn.io/r/form-sortable-items.json

Array Fields

Dynamic add/remove field array

Repeatable Group

Repeatable multi-field entry groups

Nested Objects

Nested object dot notation fields

Tag Input

Tag input with add/remove chips

Bulk Edit

Batch editing multiple items at once

Table Edit

Editable table with inline form fields

FAQ

Last updated on March 24, 2026

Was this page helpful?

Slider Range Form

A slider range input form with real-time value display

Form with Split Panel Layout

A two-panel form with navigation labels on the left and form fields on the right

Sortable Items Form with Reordering