UI Elements
A gallery of the building blocks used across this template.
Buttons
Variants, sizes, icons and states.
Variants
Sizes
With icons
Disabled
Badges
Base variants and the status palette.
DefaultSecondaryOutlineDestructiveGhost
ActivePendingFailedInfoBetaDraft
Verified Pro
Avatars
Sizes, fallbacks and a stacked group.
AMSRMCPN
AlSoMaPrDa
+5
Alerts
Informational, success and destructive.
Scheduled maintenance
We'll be performing upgrades on Sunday at 02:00 UTC. Expect brief downtime.
Backup completed
All 2,318 records were synced successfully.
Payment failed
Your card was declined. Update your billing details to keep your subscription active.
Progress
Determinate bars with labels.
Storage used72%
Onboarding45%
API quota91%
Tabs
Switch between related views.
A quick summary of workspace health, active members and recent changes across your projects.
Accordion
Progressive disclosure for FAQs.
Plans are billed monthly per active seat. Usage above your plan limits is metered and added to the next invoice.
Selection controls
Switch, checkbox and radio group.
Tooltips
Contextual hints on hover or focus.
Skeletons
Loading placeholders that match content shape.