About
A drag-and-drop list of option groups where each group can be reordered and also contains its own reorderable list of values, useful for building nested product-option or category editors.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Nested Sortable List to your project and fits it to your theme.
Code
How Nested Sortable List is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import SortableNestedList from "@/components/ui/sortable-nested-list";
export default function SortableNestedListDemo() {
return <SortableNestedList />;
}








