W
wensity
/
registry
/
blocks
Files
Code
Info
Accordion
accordion
Expandable disclosure sections for FAQs and settings, with single or multiple open modes and nested content support.
Alert
alert
Inline status feedback for info, success, warning, and error states, including action-oriented messages with buttons.
Animated Tabs
animated-tabs
A physical stack of photo cards shuffled to the front by clipped tabs, with a tight image inset and copy in the footer.
Aspect Ratio
aspect-ratio
Media containers that hold preset ratios across responsive layouts, with a shimmer placeholder while images load.
Attachment
attachment
File attachment rows for uploads, chats, and media previews, with download actions and per-type document icons.
Avatar
avatar
Identity avatars with image fallbacks, presence status rings, stacked groups, and an upload affordance for profile edits.
Badge
badge
Status and metadata badges with icons, presence dots, removable chips, and just enough depth to read as a real surface.
Before After Card
before-after-card
Drag the handle to wipe between before and after images with absolutely zero lag.
Breadcrumb
breadcrumb
A wayfinding trail with smart collapsing, dropdown overflow menus, custom separators, and animated hover states.
Button
button
An accessible action primitive with solid, outline, ghost, and destructive variants, plus sizes, icons, and loading state.
Button Group
button-group
A segmented action group with shared borders, split primary actions, and dropdown menu support for dense toolbars.
Calendar
calendar
Date grids for single, range, and multi-date selection, with month navigation and event-ready day rendering.
Canvas Text
canvas-text
Loading-ring canvas particles that slowly resolve into solid letterforms.
Card
card
Premium content containers with media, stat, feature, and interactive variants, plus responsive spacing throughout.
Carousel
carousel
Swipeable carousels with slide indicators, autoplay, looping, and keyboard navigation for galleries and showcases.
Chart
chart
Recharts line, bar, area, pie, and radar views with themed tooltips, responsive sizing, and consistent axis styling.
Checkbox
checkbox
An accessible checkbox with sharply focused styles, grouped rows, selectable cards, and a proper indeterminate state.
Collapsible
collapsible
Collapsible panels for sidebar sections, show-more previews, and any secondary content you want out of the way.
Combobox
combobox
A searchable combobox with multi-select, async option loading, and creatable entries for forms, filters, and pickers.
Command
command
A command palette with fuzzy search, grouped actions, keyboard shortcuts, and fast navigation built on top of cmdk.
Context Menu
context-menu
Contextual actions on right-click, with grouped sections, nested submenus, shortcut labels, and destructive items.
Cool Button
cool-button
A dual-layer orbit glow that soft-spins around the edge of any button or link you wrap it around, at zero layout cost.
Data Table
data-table
Data tables with search, sorting, filtering, row selection, pagination, and expandable detail rows for dashboards.
Date Picker
date-picker
Calendar popovers for single, range, and multi-date picks, with presets, time selection, and month or year quick-nav.
Dialog
dialog
Accessible modal dialogs in default, confirmation, form, fullscreen, and scrollable layouts for any focused task.
Direction
direction
LTR and RTL direction context for layout and composition, driving reading order from the active locale automatically.
Drawer
drawer
Gesture-driven drawers with velocity dismissal, snap points, drag handles, and support for every side of the screen.
Dropdown Menu
dropdown-menu
Compact actions from any trigger, with grouped sections, nested submenus, checkbox and radio items, and shortcuts.
Empty State
empty-state
Empty layouts for placeholders, search results, and errors, with basic, action, illustration, and avatar variants.
Field
field
A composable field shell carrying labels, help text, required markers, and error, success, and validation states.
File Uploader
file-uploader
A bold red dropzone for any file, with gallery tiles and progress after upload.
Form Field
form-field
A composable field wrapper carrying labels, descriptions, inline errors, and section layouts for any form you assemble.
Generative Skeleton Mesh
generative-skeleton-mesh
An organic loading state instead of a spinner, with a slow aurora that breathes in the space where your content will land.
GitHub-Style Activity Grid
github-activity-grid
365 squares sharing one tooltip that flies between days on rails, with a reveal that ripples backward from today.
Gooey Navigation Menu
gooey-navigation-menu
A liquid FAB whose child actions stretch out of the trigger like molten metal.
Hover Card
hover-card
Snappy preview overlays triggered by hovering a link or name, with rich content and no click interruption at all.
Infinite Marquee
infinite-marquee
A seamless, GPU-only logo strip that never stutters or snaps at the loop point.
Input
input
An accessible text field with labels, hints, inline errors, leading and trailing icons, and a one-tap clear action.
Input OTP
input-otp
An accessible one-time code field with alphanumeric, masked, and grouped variants for verification and two-factor flows.
Kbd
kbd
Keyboard key styling for shortcuts, hotkey hints, documentation, and inline command labels anywhere in your app.
Label
label
An accessible form label with default, required, optional, muted, and inline variants for any field group you build.
Line Fill Text
line-fill-text
Alpha-cascade ribbons clipped neatly inside the letterforms themselves.
Liquid Multimodal Input
liquid-multimodal-input
An expanding prompt area with a glowing drop zone that breathes open to meet you as you type a thought or drag a file.
Marker
marker
Status markers for live state, ordered points, and contextual cues, with solid dots and pulsing presence indicators.
Model Context Switcher
model-context-switcher
A Radix dropdown that scales out from its trigger and glides the selection pill across to meet whichever model you pick.
Morphing Shape Background
morphing-shape-background
Lava-lamp blobs that drift behind your hero at 120fps with no SVG morphing.
Multi-Select Token Pills
multi-select-token-pills
A tag input where pills pop in as you add them and slide out on remove, closing the gap without snapping the layout.
Native Select
native-select
Browser-native option selection for forms, with grouped options, placeholders, inline variants, and error states.
Navigation Menu
navigation-menu
Primary navigation with dropdown panels, mega menus, nested links, and full keyboard accessibility for headers.
Pagination
pagination
Page navigation with numbered pages, compact counters, first and last controls, and progressive loading for lists.
Popover
popover
Floating panels for menus, inline forms, and rich previews, with controlled state and collision-aware positioning.
Progress
progress
Progress indicators in linear, circular, segmented, indeterminate, and stacked forms for uploads and onboarding.
Radio Group
radio-group
Native radio selection with distinctive rows, segmented layouts, selectable cards, and controlled state throughout.
Resizable
resizable
Resizable panel layouts with draggable splitters, panel snapping, collapsible regions, and local size persistence.
Scroll Area
scroll-area
A styled scrolling container with auto-hide scrollbars, keeping constrained panels, lists, and overflow regions tidy.
Scrubbable Video Reveal
scrubbable-video-reveal
An Apple-style image sequence scrubbed frame by frame on canvas, following your hand as you scroll in either direction.
Select
select
An accessible select with a polished trigger, grouped options, controlled state, and keyboard navigation throughout.
Separator
separator
Dividers for layout sections, carrying text labels, gradient fades, dashed borders, and vertical split support.
Sheet
sheet
Edge-mounted panels that slide in from any side, with an optional persistent mode for inspectors and navigation.
Shimmering Skeleton Wrapper
shimmering-skeleton-wrapper
One angled GPU sweep that travels across any placeholder geometry you wrap, never a separate shimmer stuttering per row.
Sidebar
sidebar
App sidebars with collapsible rails, grouped sections, badge counts, resizable widths, and keyboard shortcut support.
Skeleton
skeleton
Loading placeholders for text, avatars, cards, and tables, plus a wrapper for composing your own custom layouts.
Slider
slider
An accessible slider built on Base UI, with keyboard and pointer support and a value bubble that reveals on drag.
Spinner
spinner
Indeterminate loading indicators in default, ring, dots, pulse, and overlay styles for inline and blocking states.
Switch
switch
An accessible switch with distinct variants, smooth motion, grouped rows, selectable cards, and fully controlled state.
Table
table
A structured table with sortable columns, row selection, expandable rows, and sticky headers for dashboards and admin.
Tabs
tabs
Tabbed navigation with a sliding indicator, segmented control styling, vertical layouts, and smooth state changes.
Text Area
text-area
An accessible multi-line field with auto-resize, character counts, validation states, and variants for notes or prompts.
Text Blur Reveal
text-blur-reveal
A blur-in stagger by word or by letter, triggered the moment you scroll.
Text Char Slide
text-char-slide
A per-character slide-left cascade with a cleanly staggered entrance timing.
Text Chroma Reveal
text-chroma-reveal
A chromatic ribbon sweep that paints each of your headlines cleanly into view.
Text Cycle
text-cycle
Cycles through your headline words with a soft per-character blur stagger.
Text Flip
text-flip
A 3D character flip on hover, staggered and springy across every single letter.
Text Glitch
text-glitch
A chromatic clip-path glitch for headlines, CSS-only and entirely GPU-friendly.
Text Highlight
text-highlight
A hand-placed highlighter band that sweeps in behind your text and tracks wrapping.
Text Morphing
text-morphing
Blur-morphing headlines that cycle phrases with a gooey, seamless crossfade.
Text Motion
text-motion
Headline entrances driven entirely by your own custom Framer Motion variants.
Text Path
text-path
SVG text riding a curved wave, arc, or circle path on a seamless, light loop.
Text Ripple
text-ripple
A 3D character ripple with a traveling color crest, CSS-only and GPU-light.
Text Scribble
text-scribble
Hand-drawn scribble, underline, and strike marks that draw themselves onto text.
Text Shimmer
text-shimmer
A CSS shimmer sweep for headlines, one single element and entirely GPU-friendly.
Text Spectrum
text-spectrum
An animated multi-stop color wash that drifts endlessly through headlines.
Text Word Flip
text-word-flip
Spring-loaded word flips paired with a soft letter-by-letter blur stagger.
Toast
toast
Transient notifications for info, success, warning, and error states, with action buttons and stacked positioning.
Toggle
toggle
A pressable on/off control with default, icon, outline, and soft variants, plus grouped selection for toolbars.
Tooltip
tooltip
Contextual hints carrying rich content, keyboard shortcut labels, and optional cursor tracking as you move across.
Typography
typography
Type primitives for headings, prose blocks, lead and muted text, inline code, and consistently styled lists.
Voice Aurora Wave
voice-aurora-wave
A breathing voice orb that swells with speech and settles between turns, never jittery and always organic to look at.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information
Accordion
accordion
Expandable disclosure sections for FAQs and settings, with single or multiple open modes and nested content support.
Alert
alert
Inline status feedback for info, success, warning, and error states, including action-oriented messages with buttons.
Animated Tabs
animated-tabs
A physical stack of photo cards shuffled to the front by clipped tabs, with a tight image inset and copy in the footer.
Aspect Ratio
aspect-ratio
Media containers that hold preset ratios across responsive layouts, with a shimmer placeholder while images load.
Attachment
attachment
File attachment rows for uploads, chats, and media previews, with download actions and per-type document icons.
Avatar
avatar
Identity avatars with image fallbacks, presence status rings, stacked groups, and an upload affordance for profile edits.
Badge
badge
Status and metadata badges with icons, presence dots, removable chips, and just enough depth to read as a real surface.
Before After Card
before-after-card
Drag the handle to wipe between before and after images with absolutely zero lag.
Breadcrumb
breadcrumb
A wayfinding trail with smart collapsing, dropdown overflow menus, custom separators, and animated hover states.
Button
button
An accessible action primitive with solid, outline, ghost, and destructive variants, plus sizes, icons, and loading state.
Button Group
button-group
A segmented action group with shared borders, split primary actions, and dropdown menu support for dense toolbars.
Calendar
calendar
Date grids for single, range, and multi-date selection, with month navigation and event-ready day rendering.
Canvas Text
canvas-text
Loading-ring canvas particles that slowly resolve into solid letterforms.
Card
card
Premium content containers with media, stat, feature, and interactive variants, plus responsive spacing throughout.
Carousel
carousel
Swipeable carousels with slide indicators, autoplay, looping, and keyboard navigation for galleries and showcases.
Chart
chart
Recharts line, bar, area, pie, and radar views with themed tooltips, responsive sizing, and consistent axis styling.
Checkbox
checkbox
An accessible checkbox with sharply focused styles, grouped rows, selectable cards, and a proper indeterminate state.
Collapsible
collapsible
Collapsible panels for sidebar sections, show-more previews, and any secondary content you want out of the way.
Combobox
combobox
A searchable combobox with multi-select, async option loading, and creatable entries for forms, filters, and pickers.
Command
command
A command palette with fuzzy search, grouped actions, keyboard shortcuts, and fast navigation built on top of cmdk.
Context Menu
context-menu
Contextual actions on right-click, with grouped sections, nested submenus, shortcut labels, and destructive items.
Cool Button
cool-button
A dual-layer orbit glow that soft-spins around the edge of any button or link you wrap it around, at zero layout cost.
Data Table
data-table
Data tables with search, sorting, filtering, row selection, pagination, and expandable detail rows for dashboards.
Date Picker
date-picker
Calendar popovers for single, range, and multi-date picks, with presets, time selection, and month or year quick-nav.
Dialog
dialog
Accessible modal dialogs in default, confirmation, form, fullscreen, and scrollable layouts for any focused task.
Direction
direction
LTR and RTL direction context for layout and composition, driving reading order from the active locale automatically.
Drawer
drawer
Gesture-driven drawers with velocity dismissal, snap points, drag handles, and support for every side of the screen.
Dropdown Menu
dropdown-menu
Compact actions from any trigger, with grouped sections, nested submenus, checkbox and radio items, and shortcuts.
Empty State
empty-state
Empty layouts for placeholders, search results, and errors, with basic, action, illustration, and avatar variants.
Field
field
A composable field shell carrying labels, help text, required markers, and error, success, and validation states.
File Uploader
file-uploader
A bold red dropzone for any file, with gallery tiles and progress after upload.
Form Field
form-field
A composable field wrapper carrying labels, descriptions, inline errors, and section layouts for any form you assemble.
Generative Skeleton Mesh
generative-skeleton-mesh
An organic loading state instead of a spinner, with a slow aurora that breathes in the space where your content will land.
GitHub-Style Activity Grid
github-activity-grid
365 squares sharing one tooltip that flies between days on rails, with a reveal that ripples backward from today.
Gooey Navigation Menu
gooey-navigation-menu
A liquid FAB whose child actions stretch out of the trigger like molten metal.
Hover Card
hover-card
Snappy preview overlays triggered by hovering a link or name, with rich content and no click interruption at all.
Infinite Marquee
infinite-marquee
A seamless, GPU-only logo strip that never stutters or snaps at the loop point.
Input
input
An accessible text field with labels, hints, inline errors, leading and trailing icons, and a one-tap clear action.
Input OTP
input-otp
An accessible one-time code field with alphanumeric, masked, and grouped variants for verification and two-factor flows.
Kbd
kbd
Keyboard key styling for shortcuts, hotkey hints, documentation, and inline command labels anywhere in your app.
Label
label
An accessible form label with default, required, optional, muted, and inline variants for any field group you build.
Line Fill Text
line-fill-text
Alpha-cascade ribbons clipped neatly inside the letterforms themselves.
Liquid Multimodal Input
liquid-multimodal-input
An expanding prompt area with a glowing drop zone that breathes open to meet you as you type a thought or drag a file.
Marker
marker
Status markers for live state, ordered points, and contextual cues, with solid dots and pulsing presence indicators.
Model Context Switcher
model-context-switcher
A Radix dropdown that scales out from its trigger and glides the selection pill across to meet whichever model you pick.
Morphing Shape Background
morphing-shape-background
Lava-lamp blobs that drift behind your hero at 120fps with no SVG morphing.
Multi-Select Token Pills
multi-select-token-pills
A tag input where pills pop in as you add them and slide out on remove, closing the gap without snapping the layout.
Native Select
native-select
Browser-native option selection for forms, with grouped options, placeholders, inline variants, and error states.
Navigation Menu
navigation-menu
Primary navigation with dropdown panels, mega menus, nested links, and full keyboard accessibility for headers.
Pagination
pagination
Page navigation with numbered pages, compact counters, first and last controls, and progressive loading for lists.
Popover
popover
Floating panels for menus, inline forms, and rich previews, with controlled state and collision-aware positioning.
Progress
progress
Progress indicators in linear, circular, segmented, indeterminate, and stacked forms for uploads and onboarding.
Radio Group
radio-group
Native radio selection with distinctive rows, segmented layouts, selectable cards, and controlled state throughout.
Resizable
resizable
Resizable panel layouts with draggable splitters, panel snapping, collapsible regions, and local size persistence.
Scroll Area
scroll-area
A styled scrolling container with auto-hide scrollbars, keeping constrained panels, lists, and overflow regions tidy.
Scrubbable Video Reveal
scrubbable-video-reveal
An Apple-style image sequence scrubbed frame by frame on canvas, following your hand as you scroll in either direction.
Select
select
An accessible select with a polished trigger, grouped options, controlled state, and keyboard navigation throughout.
Separator
separator
Dividers for layout sections, carrying text labels, gradient fades, dashed borders, and vertical split support.
Sheet
sheet
Edge-mounted panels that slide in from any side, with an optional persistent mode for inspectors and navigation.
Shimmering Skeleton Wrapper
shimmering-skeleton-wrapper
One angled GPU sweep that travels across any placeholder geometry you wrap, never a separate shimmer stuttering per row.
Sidebar
sidebar
App sidebars with collapsible rails, grouped sections, badge counts, resizable widths, and keyboard shortcut support.
Skeleton
skeleton
Loading placeholders for text, avatars, cards, and tables, plus a wrapper for composing your own custom layouts.
Slider
slider
An accessible slider built on Base UI, with keyboard and pointer support and a value bubble that reveals on drag.
Spinner
spinner
Indeterminate loading indicators in default, ring, dots, pulse, and overlay styles for inline and blocking states.
Switch
switch
An accessible switch with distinct variants, smooth motion, grouped rows, selectable cards, and fully controlled state.
Table
table
A structured table with sortable columns, row selection, expandable rows, and sticky headers for dashboards and admin.
Tabs
tabs
Tabbed navigation with a sliding indicator, segmented control styling, vertical layouts, and smooth state changes.
Text Area
text-area
An accessible multi-line field with auto-resize, character counts, validation states, and variants for notes or prompts.
Text Blur Reveal
text-blur-reveal
A blur-in stagger by word or by letter, triggered the moment you scroll.
Text Char Slide
text-char-slide
A per-character slide-left cascade with a cleanly staggered entrance timing.
Text Chroma Reveal
text-chroma-reveal
A chromatic ribbon sweep that paints each of your headlines cleanly into view.
Text Cycle
text-cycle
Cycles through your headline words with a soft per-character blur stagger.
Text Flip
text-flip
A 3D character flip on hover, staggered and springy across every single letter.
Text Glitch
text-glitch
A chromatic clip-path glitch for headlines, CSS-only and entirely GPU-friendly.
Text Highlight
text-highlight
A hand-placed highlighter band that sweeps in behind your text and tracks wrapping.
Text Morphing
text-morphing
Blur-morphing headlines that cycle phrases with a gooey, seamless crossfade.
Text Motion
text-motion
Headline entrances driven entirely by your own custom Framer Motion variants.
Text Path
text-path
SVG text riding a curved wave, arc, or circle path on a seamless, light loop.
Text Ripple
text-ripple
A 3D character ripple with a traveling color crest, CSS-only and GPU-light.
Text Scribble
text-scribble
Hand-drawn scribble, underline, and strike marks that draw themselves onto text.
Text Shimmer
text-shimmer
A CSS shimmer sweep for headlines, one single element and entirely GPU-friendly.
Text Spectrum
text-spectrum
An animated multi-stop color wash that drifts endlessly through headlines.
Text Word Flip
text-word-flip
Spring-loaded word flips paired with a soft letter-by-letter blur stagger.
Toast
toast
Transient notifications for info, success, warning, and error states, with action buttons and stacked positioning.
Toggle
toggle
A pressable on/off control with default, icon, outline, and soft variants, plus grouped selection for toolbars.
Tooltip
tooltip
Contextual hints carrying rich content, keyboard shortcut labels, and optional cursor tracking as you move across.
Typography
typography
Type primitives for headings, prose blocks, lead and muted text, inline code, and consistently styled lists.
Voice Aurora Wave
voice-aurora-wave
A breathing voice orb that swells with speech and settles between turns, never jittery and always organic to look at.
Select a component to view its code
Click on any item in the sidebar to get started
Select a component to view its information