Stripe-inspired color system
Primary, secondary, and utility buttons
Inputs, selects, checkboxes, and more
We'll never share your email
This field is required
Maximum 500 characters
Get updates via email
$10/month
$25/month
Receive email notifications for updates
Content containers and status indicators
This is a simple card with default padding.
Hover over this card to see the effect.
This card has larger padding.
Display key metrics and trends
Total Revenue
$45,231
Active Users
2,847
Loan Applications
456
Deposits
$1.2M
This month
User avatars and progress indicators
Alerts, loading states, and notifications
Your changes have been saved successfully!
An error occurred while processing your request.
Your session will expire in 5 minutes.
A new version of the app is available.
Loading...
Get started by adding your first item
Sortable table with custom rendering
Name | Email | Role | Status |
|---|---|---|---|
| John Doe | john@example.com | Admin | Active |
| Jane Smith | jane@example.com | User | Active |
| Bob Johnson | bob@example.com | User | Inactive |
Organize content into tabs
Navigate through pages of content
Guide users through multi-step processes
Basic information
Verify your identity
Review and confirm
Basic information
Verify your identity
Review and confirm
Modals and drawers for focused interactions
Comprehensive design system documentation