ShadcnUI Vaults is a collection of various interactive components & blocks for Internal Tools UI like Dashboard, Monitoring, Admin, CMS, and more. The blocks are built with Tailwind CSS and ShadCN/UI, and are fully customizable, responsive, and accessible.
- Block Library
- Hero sections and landing page headers
- Dashboard bills and billing UI blocks
- Copy & Paste
- Instantly copy code for any block and use it in your own project.
- Customization
- Built with Tailwind CSS and ShadCN/UI for easy customization of colors, spacing, and style.
- Production Ready
- All blocks are responsive, accessible, and optimized for real-world use.
- Modern Stack
- Built with Next.js, React, Tailwind CSS, and ShadCN/UI components.
- Hero: Hero sections and landing page headers.
- Dashboard Bills: Dashboard UI for billing and subscription management.
- Install dependencies:
npm install
- Run the development server:
Open http://localhost:3000 in your browser.
npm run dev
- Browse the available block categories on the homepage.
- Click on a category to view all blocks in that section.
- Preview blocks visually (with images or videos).
- Click to copy the code for any block and paste it into your own project.
- Next.js
- React
- Tailwind CSS
- ShadCN/UI
- Radix UI
- TypeScript
All blocks are built with utility-first Tailwind CSS classes and ShadCN/UI components, making them easy to adapt to your brand and needs.
Contributions are welcome! Feel free to open issues or pull requests. Please read CONTRIBUTING.md for the guide on how you submit a new block or new category block.
Thanks to these amazing contributors ✨
- @Aldhanekaa – Creator & Maintainer
- @milogodoy – Component Contributor
The following UI blocks are planned for future addition:
- Users Table: Display and manage user data in a sortable, filterable table.
- Empty State: Friendly UI for when there is no data to show.
- Loading Screen: Animated loading indicators and skeleton screens.
- ToDo List: Task management UI with add, check, and delete features.
- Notifications Panel: List of notifications or alerts for users.
- Profile Card: User profile summary with avatar, name, and actions.
- Settings Form: Editable form for user or app settings.
- Activity Feed: Timeline of recent actions or events.
- Error State: UI for displaying errors or failed actions.
- Pagination Controls: Navigation for paginated data sets.
- Search Bar: Search input with suggestions and results dropdown.
- Modal Dialogs: Pop-up dialogs for confirmations or forms.
- Sidebar Navigation: Vertical navigation menu for dashboards.
- Stats Overview: Summary cards for key metrics or analytics.
- Kanban Board: Drag-and-drop task management board.
Have an idea for a new block? Open an issue or PR!.