Svelte 5 · Tailwind 4
Quiet by design
A calm, rounded Svelte 5 component library — named design styles, installed by CLI and yours to own.
Sign in
Email and password fields.
Buttons
Action weights and sizes.
Settings
Switches, select, slider.
Badges
Compact status labels.
svelte typescript tailwind
Calendar
Soft date selection.
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
30 | 31 | 1 | 2 | 3 | 4 | 5 |
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 1 | 2 | 3 |
Tabs
Navigation between related views.
A quiet overview.
Recent activity.
Loading
Spinner & progress.
Working…
Toggles
Switch, checkbox, radio.
Dialog
Soft modal surface.
Profile
Avatar & hover card.
Toggle group
Choose a text alignment.
Tags input
Chips with keyboard editing.
svelte tailwind
Table
Structured records.
| Invoice | Status | Amount |
|---|---|---|
| INV001 | Paid | $250.00 |
| INV002 | Pending | $150.00 |
| INV003 | Unpaid | $350.00 |
Number field
Stepper controls.
Alert
Quiet, semantic callouts.
Heads up!
Add components with the CLI.
Breadcrumb
Compact path trail.
Pagination
Page through results.
Notifications
Toasts & shortcuts.
Press ⌘ K to search
Skeleton
Calm loading placeholder.
Command
Fast searchable menu.
Suggestions
Calendar
Settings