Svelte 5 · Tailwind 4
Quiet by design
A calm, rounded Svelte 5 component library — one unified style, installed by CLI and yours to own.
Sign in
Filled, borderless fields.
Buttons
Click-scale interaction, one radius.
Settings
Switches, select, slider.
Badges
Opacity-tinted, fully rounded.
svelte typescript tailwind
Calendar
Soft date selection.
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
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 | 4 |
Tabs
Pill tabs, calm motion.
A quiet overview.
Recent activity.
Loading
Spinner & progress.
Working…
Toggles
Switch, checkbox, radio.
Dialog
Soft modal surface.
Profile
Avatar & hover card.
Toggle group
Segmented, springy press.
Tags input
Chips with keyboard editing.
svelte tailwind
Table
Lineless, soft rows.
| 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