Components
Visual catalog of every UI component used in this template
Buttons
Button in various variants, sizes, and states
Variants
Sizes
With Icons
States
Badges
Badge in various color treatments
Default Variants
Status
With Icons
Avatars
Avatar with images, initials, and various sizes
With Images
With Initials (Fallback)
Avatar Group (Overlapping)
Alerts
Contextual alert messages for user feedback
Information
Your account has been updated. Changes will take effect within 24 hours.
Success
Your order has been placed successfully. A confirmation email is on its way.
Warning
Your storage is almost full. Please upgrade your plan or delete unused files.
Error
Payment failed. Please check your card details and try again.
Tooltips
Tooltip showing contextual information on hover
Progress
Progress bars with colors and sizes
Values
Colors
Sizes
Indeterminate (no value)
Tabs
Tabs for organizing content into switchable panels
Project Overview
This project is a comprehensive admin dashboard built with Next.js 16, React 19, shadcn/ui, and Tailwind CSS. It features responsive layouts, dark mode support, and a complete set of CRUD pages.
50+
Pages
30+
Components
5
Layouts
Accordion
Collapsible content sections
Modals & Drawers
Dialog and Sheet for overlay content
Skeleton & Loading
Skeleton placeholders and loading indicators
Card Skeleton
List Skeleton
Loading Indicators
Breadcrumbs
Breadcrumb navigation hierarchy
Simple
With Icons
Deep Path
Pagination
Pagination for navigating through pages of data
Default
With Edges
Custom Items Per Page