Stop Rebuilding UI

Shadcn.io is not affiliated with official shadcn/ui

Previous: List
Next: Android

Table

Data table with sortable columns and render props for React

Define columns with ColumnDef, get sortable headers with dropdown menus, and render cells however you want. Sorting state persists across re-renders. Empty states are handled automatically. Render props give you full control over rows without boilerplate.

Table preview

Scroll to load preview

Installation

Kanban

Card board view

Gantt

Timeline view

Calendar

Calendar grid view

FAQ

Was this page helpful?

Sign in to leave feedback.

List

Vertical draggable list with grouped sections for React

Android

Android phone SVG mockup for app screenshots and videos in React