sander-ui Showcase
Real-world examples of every component in one page.
Heading
Semantic heading levels with independent visual sizing.
Levels
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Sizes
Size 5xl
Size 4xl
Size 2xl
Size xl
Size lg
Size base
Size sm
Size xs
Weights
Bold weight
Semibold weight
Medium weight
Normal weight
Alignment
Left aligned
Center aligned
Right aligned
Text
Body text with size, weight, color, and alignment options.
Sizes
Extra extra large textExtra large textLarge textBase text (default)Small textExtra small text
Weights
Bold weightSemibold weightMedium weightNormal weight (default)
Colors
Default colorMuted colorSuccess colorError colorWarning colorInfo color
Elements
Paragraph element
Span elementEmphasis elementStrong elementSmall elementAlignment
Left aligned text
Center aligned text
Right aligned text
Notifications
Payment received
Your invoice #1042 has been paid. The funds will arrive in 1-2 business days.
Storage almost full
You've used 92% of your storage. Upgrade your plan to avoid disruptions.
Build failed
Deployment to production failed at step 3/5. Check the logs for details.
Scheduled maintenance
We'll be performing maintenance on March 15 from 2-4 AM UTC.
Buttons
Variants
Sizes
With Icons
Icon Button Variants
Icon Buttons in Context
Icon Button Sizes
Icon Button States
States
Real-world Examples
Modals
Different modal patterns for common workflows.
Team Members
+1
| Member | Role | Status | |
|---|---|---|---|
Sarah Chen sarah@example.com | Admin | Active | |
Marcus Johnson marcus@example.com | Developer | Active | |
Aiko Tanaka aiko@example.com | Designer | Away |
Project Dashboard
Billing
Frequently Asked Questions
How do I cancel my subscription?
You can cancel anytime from your billing settings. Your access continues until the end of the current billing period. No partial refunds are issued.
Can I invite external collaborators?
Yes! On the Pro and Enterprise plans you can invite unlimited guests. Guests have read-only access by default — you can upgrade them to editors from the team settings page.
Is there an API available?
We offer a RESTful API on all paid plans. Check out our developer docs for authentication guides, rate limits, and endpoint references.
What happens to my data if I downgrade?
Your data is preserved for 30 days after downgrading. If you exceed the storage limit of the lower plan, you'll need to remove files before uploading new ones.
Select
Basic
Option Groups
Disabled Options
States
Please select an option
Dropdown
With Button Trigger
With IconButton Trigger
Contact Us
Loading States
Small spinnerMedium spinnerLarge spinner
Uploading files...25%
Processing data...60%
Optimizing...