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
React / Next.js PREVIEW · provisional
Floating label field
Live preview
Preview theme
Follow site
Dark
Light
Preview width
Fluid
360px
768px
Preparing preview…