shadcn/ui Blocks
11+ shadcn/ui dashboard templates
Details About shadcn/ui Blocks
Key points:
- Custom Color Palette
- MDX Support
- Custom .config
- Figma File
- JavaScript Plugin
- Documentation
- Dark Mode
- Open Source
- Copy & Paste
- Tailwind CSS v3.0+
- Responsive Design
Contents
Introduction
shadcn/ui blocks is a collection put together from shadcn/ui components.
Features
Customizable Radix UI blocks for your apps that are not only easily accessible but also open-source and ready to use.
- Easy customization
- Pre-designed templates
- Modern design patterns
- Lightweight and fast
- Regular updates
- Detailed documentation
Included Blocks
- Dashboard
- Dashboard (Order Page)
- Dashboard (Products)
- Dashboard (Settings)
- Dashboard (Product Details)
- Dashboard (Playground)
- Dashboard (Inventory)
- Auth x4
Pros and Cons
Pros ✅
- 11+ High-quality, pre-designed blocks
- Open-source and free-to-use
- Edit in v0 feature
- Copy components with Lift Mode feature
- Minimalistic and modern design.
- Built-in dark mode support for Next.js, Vite, Astro, and Remix
- Easy install for Next.js, Vite, Remix, Gatsby, Astro, Laravel and React frameworks
Cons ⛔️
- Requires basic understanding of TypeScript and Radix UI
- Limited number of blocks available
FAQ
What are shadcn/ui blocks?
shadcn/ui blocks are a collection of pre-designed components built with Tailwind CSS and shadcn/ui components