Component Gallery (Living Style Guide)
All Bootstrap 5 components restyled in shadcn/ui style using CSS only.
Buttons
Primary, secondary, outline, ghost, destructive, icon-only variants and sizes
Badges
Status and category labels
Primary
Secondary
Success
Warning
Destructive
Info
Outline Badge
Avatar
Initials, sizes, and avatar groups
SM
MD
LG
A
B
C
+3
Alerts
Contextual status notifications
Update Information: The latest Xakti Admin v1.2 has been released with improved accessibility.
Actions Successful: Your profile configuration changes have been saved securely.
Something Went Wrong: Failed to connect to the webhook server. Please check your endpoint URL.
Tab Segmented & Underline
Pills (Segmented Control)
Summary Tab Content: A centralized overview of key metrics.
Activity Tab Content: A history of recent user actions.
Settings Tab Content: Account preference configuration options.
Underline Tabs
Accordion
No. This template is 100% pure HTML, CSS, and JavaScript with no build step or runtime node module installation required.
You can choose from 10 built-in presets, use the color picker in the Theme Customizer, or configure CSS variables
--sidebar-* in the file tokens.css.
Dialog (Modal) & Notifications (Toast)
Interactive Triggers
Progress Bar
Skeleton Loader (Placeholder)
Empty State
No Files Yet
You have not uploaded any documents yet. Start by uploading your first file.