Skip to content
BUILDWITHME
/ UI
Components
Ecosystem
Docs
Contribute
Search
⌘K
Search components and documentation
Account login card
A compact authentication surface with labeled fields and clear submission hierarchy.
Forms & input
Adaptive sidebar
A responsive navigation rail that collapses without losing context.
Navigation
Animated tabs
A sliding indicator with complete keyboard navigation.
Layout & cards
Async-status button
Idle, working, and success states in one accessible action.
Actions & buttons
Aurora field
Slow-moving color that gives a quiet page some atmosphere.
Backgrounds & motion
Bento hero
A modular landing hero that mixes messaging, proof, and product surfaces.
Marketing & hero
Border-trace button
A moving highlight that traces the edge of your next action.
Actions & buttons
Breadcrumb trail
A compact, accessible path indicator with responsive overflow.
Navigation
Code snippet
A focused, horizontally safe source snippet for developer documentation.
Docs & developer tools
Menu
Components
Ecosystem
Documentation
Contribute
Color theme
Dark
Light
System
GitHub
SOURCE / 55:165
Build with real data.
Change application state, customize content, and inspect component events.
react
vue
svelte
svelte runtime
Preview theme
Follow site
Dark
Light
Preview width
Fluid
360px
768px
Starting svelte runtime…