Development · Web app
shadcn/ui Dashboard Example
Open-source reference dashboard built with React 19 and Tailwind CSS v4
An open-source reference dashboard implementation built to test Tailwind CSS v4 and React 19. It showcases customizable theming, scalable layouts, charts, and interactive data tables with draggable, editable rows. It serves as a practical blueprint for structuring modern React web applications using shadcn/ui components.
What it's for
- Study implementation patterns for Tailwind CSS v4 with React 19
- Build administrative interfaces with draggable and editable data tables
- Copy functional dashboard layouts and chart patterns into existing projects
Features
- Tailwind CSS v4 and React 19 compatibility
- Draggable and reorderable data table rows with keyboard accessibility
- Customizable themes, colors, and layout scaling
- Interactive charts displaying multi-range visitor and revenue metrics
- Sidebar navigation with breadcrumbs and nested document structures
- Data filtering, column toggling, and pagination
Pricing
Free
Details
- Type
- Web app
- Category
- Development
- Topic
- UI Components
- Open source
- Yes
- Platforms
- Web, Code library
- For
- Front-end developers and UI designers building React dashboards
- Alternative to
- Tremor, Tailwind UI
- Tags
- react, tailwind, shadcn, dashboard, ui, data table
Why it was saved
- @shadcn: A reference implementation of Tailwind v4 + React 19 with custom themes, colors, scaling, and a data table with filters and draggable, editable rows; ideal for studying modern dashboard UI and theming.
Compare
Related
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Curated directory of crafted React, Tailwind, and shadcn UI components.
Open-source animated React icons built with Lucide and Motion
Updated