VelvetUI — Component Test
Buttons
Primary
Outlined
Ghost
Loading…
Loading
Disabled
Small
Large
Badges
Active
Info
Success
Error
Tag
Input
Email
With error
This field is required
Typed:
Toggle
Dark mode
Notifications
Disabled toggle
State: true
Loaders
Card
Card Title
Hover me to see the lift and border glow.
Tooltip
Hover top
Hover bottom
Hover right
Progress
Svelte
78%
TypeScript
54%
CSS Animations
91%
Notifications
ℹ
Update available
Version 2.1.0 is ready.
✓
Deployed!
Your app is live.
✕
✕
Build failed
Check the logs for details.
✕
✦
Heads up
New components are coming soon.
Avatar + AvatarStack
AK
SJ
MR
LP
AK
SJ
MR
+2
Select
Billing plan
Select…
Free
Pro — $39
Team — $89
▾
Selected:
Tabs
Overview
Code
Props
Modal
Open Modal
Accordion
What's included?
▾
17 Svelte 5 components, pure CSS, MIT license.
Is it accessible?
▾
Yes — keyboard nav, ARIA roles, WCAG 2.1 AA.
Svelte 5 only?
▾
Yes — uses $props(), $state(), $derived(), snippets throughout.
Skeleton
Stat Cards
2.4k
$8.2k
99.9%