# Sortable components

> Organize data interactively with 4 React sortable components designed with Tailwind CSS for seamless drag-and-drop experiences.

53 components available. Showing all of them below.

- [Sortable](https://21st.dev/@sean0205/components/sortable.md) — by Sean Hello
- [Sortable](https://21st.dev/@sean0205/components/sortable/nested.md) — by Sean Hello
- [Sortable](https://21st.dev/@sean0205/components/sortable/grid.md) — by Sean Hello
- [Sortable](https://21st.dev/@diceui/components/sortable.md) — by Dice UI
- [Table](https://21st.dev/@originui/components/table/data-table-with-filters-made-with-tan-stack-table.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/paginated-table-made-with-tan-stack-table.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/numeric-pagination-made-with-tan-stack-table.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/draggable-columns-made-with-tan-stack-table-and-dnd-kit.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/resizable-and-sortable-columns-made-with-tan-stack-table.md) — by Origin UI
- [Table](https://21st.dev/@originui/components/table/pinnable-columns-made-with-tan-stack-table.md) — by Origin UI
- [Table](https://21st.dev/@mynaui/components/table/with-sort-button.md) — by shadcn
- [Table](https://21st.dev/@mynaui/components/table/with-sorting-and-search.md) — by shadcn
- [Data Table](https://21st.dev/@shadcn/components/data-table.md) — by shadcn
- [Resizable Table](https://21st.dev/@isaiahbjork/components/resizable-table.md) — by Isaiah
- [Table](https://21st.dev/@haydenbleasel/components/data-table.md) — by Hayden Bleasel
- [Draggable Priority List](https://21st.dev/@nikhiljainsam/components/draggable-priority-list.md) — by nikhiljainsam
- [Basic Data Table](https://21st.dev/@preetsuthar17/components/basic-data-table.md) — by Preet Suthar
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table.md) — by Sean Hello
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table/column-visibility-table.md) — by Sean Hello
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table/light-table.md) — by Sean Hello
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table/card-container-table.md) — by Sean Hello
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table/table-loading-skeleton.md) — by Sean Hello
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table/column-controls.md) — by Sean Hello
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table/movable-columns-table.md) — by Sean Hello
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table/pinnable-columns-table.md) — by Sean Hello
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table/sticky-header.md) — by Sean Hello
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table/resizable-columns-table.md) — by Sean Hello
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table/expandable-row-table.md) — by Sean Hello
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table/striped-table.md) — by Sean Hello
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table/draggable-rows-table.md) — by Sean Hello
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table/columns-icon-table.md) — by Sean Hello
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table/row-selection-table.md) — by Sean Hello
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table/auto-width-table.md) — by Sean Hello
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table/cell-border-table.md) — by Sean Hello
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table/draggable-columns-table.md) — by Sean Hello
- [Data Grid Table](https://21st.dev/@sean0205/components/data-grid-table/sortable-columns-table.md) — by Sean Hello
- [Draggable List](https://21st.dev/@preetsuthar17/components/draggable-list.md) — by Preet Suthar
- [Reorderable Table](https://21st.dev/@ruixen.ui/components/reorderable-table.md) — by Ruixen UI
- [Table](https://21st.dev/@jolbol1/components/table-2/table-sortable.md) — by James Shopland
- [UltraQualityDataTable](https://21st.dev/@dhileepkumargm/components/ultra-quality-data-table.md) — by Dhileep Kumar GM
- [Table](https://21st.dev/@shailendrakumar19999/components/table.md) — by Shailendra
- [HeroUI Table](https://21st.dev/@hero_ui/components/heroui-table.md) — by Hero Ui
- [Table](https://21st.dev/@cnippet.dev/components/cnippet-table/api.md) — by Cnippet
- [ListBox](https://21st.dev/@jolbol1/components/list-box-2/drag-and-drop.md) — by James Shopland
- [HeroUI Table](https://21st.dev/@hero_ui/components/heroui-table/empty-state.md) — by Hero Ui
- [HeroUI Table](https://21st.dev/@hero_ui/components/heroui-table/custom-cells.md) — by Hero Ui
- [HeroUI Table](https://21st.dev/@hero_ui/components/heroui-table/sorting.md) — by Hero Ui
- [HeroUI Table](https://21st.dev/@hero_ui/components/heroui-table/async-loading.md) — by Hero Ui
- [HeroUI Table](https://21st.dev/@hero_ui/components/heroui-table/column-resizing.md) — by Hero Ui
- [HeroUI Table](https://21st.dev/@hero_ui/components/heroui-table/pagination.md) — by Hero Ui
- [HeroUI Table](https://21st.dev/@hero_ui/components/heroui-table/selection.md) — by Hero Ui
- [HeroUI Table](https://21st.dev/@hero_ui/components/heroui-table/secondary-variant.md) — by Hero Ui
- [Sortable Table](https://21st.dev/@felipemenezes098/components/table-11.md) — by felipemenezes098

Full component directory: https://21st.dev/llms.txt
