Button
Every variant, tone and animation
Animated components
132 free components that make app screens feel alive: rolling numbers, stacked toasts, sliding tabs, shaking inputs. CSS first, reduced motion respected, light and dark. Filter by what moves them.
Ctrl K
132 components
Core UI 30
BrowsePlaygroundFree
Badge
Status in every style
Card
Layered cards with accents
Input
Labels, icons and states
Avatar
Status, rings and groups
Alert
Inline messages with actions
Tabs
Six tab styles, one API
Switch
Toggle with five looks
Checkbox & Radio
Checks, radios and cards
Separator
Dividers with labels
Breadcrumb
Paths that collapse neatly
Pagination
Pages, sizes and jumps
Heading
Display type with motion
Text
Body type with presets
Link
Seven underline styles
Kbd
Keys that react to presses
Stat Card
A metric with a trend
Select
Searchable, grouped, multiple
Dialog & Sheet
Dialogs and sheets
Tooltip
Rich hints with shortcuts
Popover
Floating panels
Dropdown Menu
Menus with submenus
Combobox
Search with async results
Date Picker
Dates, ranges and time
Multi-step Form
Wizards with validation
Number Input
Steppers with formatting
Rating
Stars with half values
Toggle Group
Pick one or many
Table
Sort, stack and tone rows
Data Grid
Edit, pin and export
Numbers & Data 8
BrowseNumber flow
Digits roll to the new value
Counter up
Counts up when scrolled into view
Usage meter
Usage that warns as it fills
Progress
Bars in every style
Circular progress
Rings and gauges
Sparkline draw
A small chart that draws itself
Delta badge
Up or down at a glance
Cell flash
Cells flash when values change
Feedback 7
BrowseToast stack
Toasts that stack and fan out
Notification badge
Counts that pop and pulse
Skeleton auto
Skeletons from your real layout
Spinners
Six loaders, one prop
Multi-step loader
Long tasks, step by step
Confetti
A burst of celebration
Success check
A check that draws with a burst
Navigation 6
BrowseTabs indicator
An indicator that glides between tabs
Segmented control
iOS-style sliding thumb
Stepper
Steps that fill and check off
Dock
macOS dock that magnifies
Bottom navigation
Mobile tab bar with a gliding pill
Command palette morph
A search field becomes a palette
Overlays 5
BrowseMorphing dialog
A card expands into a dialog
Spring drawer
Drag-to-dismiss spring sheet
Popover morph
A button grows into a panel
Animated tooltip
Tooltips that spring into place
Stagger dropdown
Menu items that stagger in
Lists & Tables 6
BrowseAccordion height
Smooth height, no jumps
List reorder
Drag to reorder with a spring
Table row presence
Rows that enter and leave
Animated list
New items push in from the top
Tree expand
Folders that fold open
Expandable row list
Rows that open in place
Inputs 10
BrowseTag input
Chips with suggestions
OTP input
One-time code with auto-advance
Floating label input
The label floats on focus
Vanish input
Placeholders that cycle and vanish
Input shake
Shakes on error, checks on success
Spring switch
A switch with a springy thumb
Drawn checkbox
The check draws itself
Slider with tooltip
Range slider with live values
Expanding search
Search that opens when needed
File drop zone
Drop zone with upload progress
Buttons 10
BrowseShimmer button
A light sweep across the button
Ripple button
Ink spreads from the click
Rainbow button
A flowing rainbow border
Border beam button
A beam orbits the border
Magnetic button
Pulled toward the cursor
Stateful button
Loading, success and error built in
Copy button
Copy with a morphing check
Hold to confirm
Hold to confirm risky actions
Liquid glass button
Frosted glass with a sliding lens
Theme toggle
Light to dark with a circle wipe
Text 9
BrowseText reveal
Words blur into view
Typewriter
Types and deletes phrases
Word rotate
One word keeps changing
Shiny text
A shine that passes over text
Gradient text
Animated gradient headlines
Scramble text
Letters decode into place
Highlighter
A hand-drawn marker stroke
Text morph
Letters morph into a new word
Scroll velocity
Text that speeds up as you scroll
Cards & Effects 6
BrowseSpotlight card
A light follows the pointer
Tilt card
3D tilt with depth layers
Border beam
Light travels around the card
Glow border
A soft animated glow
Progressive blur
Content melts into blur
Expandable card
A card that opens in place
Backgrounds 5
BrowseDot grid
Dots that light up near the pointer
Flickering grid
A quietly flickering grid
Aurora
Slow northern lights
Particles
Floating linked particles
Marquee
An endless scrolling band
AI & agents 16
BrowseChat message
Messages with markdown and actions
Streaming text
Text that streams in
Tool call
Tool runs with status
Reasoning block
Thinking you can expand
Model picker
Choose a model by speed and price
Chat composer
Prompt box with files and commands
Citations
Sources inline
Agent plan
A live agent checklist
Token meter
See context fill up
Voice orb
An orb that reacts to voice
Diff view
Review changes hunk by hunk
Code block
Highlighted code with copy
Suggestion chips
Prompt starters
Thread list
Chat history with search
Eval score
Scores against a threshold
Typing indicator
Someone is typing
Charts 14
BrowseArea chart
Filled trends that scrub
Line chart
Lines that draw in
Bar chart
Grouped or stacked bars
Donut chart
Share of a whole
Radial progress
Concentric goal rings
Heatmap
Activity at a glance
Funnel chart
Where people drop off
Gauge
One number on a dial
Bump chart
Rankings over time
Treemap
Sizes as tiles
Timeline chart
A Gantt for plans
Waterfall chart
Ups and downs to a total
KPI trend
A number with its sparkline
Chart legend
Click to hide a series