ShadcnUI Vaults
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.
## Features
- **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.
## Block Categories
- **Hero**: Hero sections and landing page headers.
- **Dashboard Bills**: Dashboard UI for billing and subscription management.
## Getting Started
1. Install dependencies:
```bash
npm install
```
2. Run the development server:
```bash
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) in your browser.
## How to Use
- 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.
## Tech Stack
- Next.js
- React
- Tailwind CSS
- ShadCN/UI
- Radix UI
- TypeScript
## Customization
All blocks are built with utility-first Tailwind CSS classes and ShadCN/UI components, making them easy to adapt to your brand and needs.
## Contributing
Contributions are welcome! Feel free to open issues or pull requests. Please read [CONTRIBUTING.md](CONTRIBUTING.md) for the guide on how you submit a new block or new category block.
## Contributors
Thanks to these amazing contributors ✨
- [@Aldhanekaa](https://github.com/Aldhanekaa) – Creator & Maintainer
- [@milogodoy](https://github.com/milogodoy) – Component Contributor
## Incoming Blocks (Planned)
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!](#contributing).
