sh4dcnv2 · atlas
← libraries

@wensity

Premium motion-component registry from the Wensity design studio targeting Next.js and Tailwind CSS v4. Offers 40+ hand-built components across five categories: Agentic AI Interfaces (Liquid Multimodal Input, Stream Reveal Typography, Generative Skeleton Mesh, Voice Aurora Wave, Model Context Switcher), Cinematic Interactions (Dynamic Island Toast, 3D Parallax Tilt Card, Infinite Marquee, Apple-Style Sticky Scroll, Morphing Shape Background, Scrubbable Video Reveal, Interactive Beam Connections), Heavy SaaS Blocks (Command Palette, Drag-and-Drop Kanban, Multi-Step Wizard, Activity Grid, Notification Popover, RBAC Permission Toggles), Elite Micro-Interactions, and Show-Off pieces. Free components install immediately; Pro source unlocks per-component after purchase. Use for: AI product UIs and SaaS marketing sites that demand cinematic, studio-grade motion quality with zero runtime dependency overhead.

91 components pro available react shadcn-cli

Install this registry

shadcn (npm) npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/registry.json
pnpm pnpm dlx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/registry.json
bun bunx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/registry.json
fetch registry curl -s https://raw.githubusercontent.com/wensity/registry/main/registry.json

Components

91 total
Inter Font font

Inter font package and shadcn CSS variables for Wensity primitives.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/font-inter.json
Geist Font font

Geist display font package and shadcn CSS variables for Wensity primitives.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/font-geist.json
Wensity Base base

Wensity primitive design-system tokens for shadcn projects: fonts, base colors, controls, charts, radii, overlays, and motion.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/wensity-base.json
Liquid Multimodal Input block

An expanding prompt area with a glowing drop zone that breathes open to meet you as you type a thought or drag a file.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/liquid-multimodal-input.json
Generative Skeleton Mesh block

An organic loading state instead of a spinner, with a slow aurora that breathes in the space where your content will land.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/generative-skeleton-mesh.json
Voice Aurora Wave block

A breathing voice orb that swells with speech and settles between turns, never jittery and always organic to look at.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/voice-aurora-wave.json
Model Context Switcher block

A Radix dropdown that scales out from its trigger and glides the selection pill across to meet whichever model you pick.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/model-context-switcher.json
Infinite Marquee block

A seamless, GPU-only logo strip that never stutters or snaps at the loop point.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/infinite-marquee.json
Morphing Shape Background block

Lava-lamp blobs that drift behind your hero at 120fps with no SVG morphing.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/morphing-shape-background.json
Scrubbable Video Reveal block

An Apple-style image sequence scrubbed frame by frame on canvas, following your hand as you scroll in either direction.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/scrubbable-video-reveal.json
Animated Tabs block

A physical stack of photo cards shuffled to the front by clipped tabs, with a tight image inset and copy in the footer.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/animated-tabs.json
Gooey Navigation Menu block

A liquid FAB whose child actions stretch out of the trigger like molten metal.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/gooey-navigation-menu.json
Multi-Select Token Pills block

A tag input where pills pop in as you add them and slide out on remove, closing the gap without snapping the layout.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/multi-select-token-pills.json
Shimmering Skeleton Wrapper block

One angled GPU sweep that travels across any placeholder geometry you wrap, never a separate shimmer stuttering per row.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/shimmering-skeleton-wrapper.json
Cool Button block

A dual-layer orbit glow that soft-spins around the edge of any button or link you wrap it around, at zero layout cost.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/cool-button.json
File Uploader block

A bold red dropzone for any file, with gallery tiles and progress after upload.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/file-uploader.json
Before After Card block

Drag the handle to wipe between before and after images with absolutely zero lag.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/before-after-card.json
GitHub-Style Activity Grid block

365 squares sharing one tooltip that flies between days on rails, with a reveal that ripples backward from today.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/github-activity-grid.json
Text Shimmer block

A CSS shimmer sweep for headlines, one single element and entirely GPU-friendly.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-shimmer.json
Text Flip block

A 3D character flip on hover, staggered and springy across every single letter.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-flip.json
Text Morphing block

Blur-morphing headlines that cycle phrases with a gooey, seamless crossfade.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-morphing.json
Text Char Slide block

A per-character slide-left cascade with a cleanly staggered entrance timing.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-char-slide.json
Text Motion block

Headline entrances driven entirely by your own custom Framer Motion variants.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-motion.json
Text Cycle block

Cycles through your headline words with a soft per-character blur stagger.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-cycle.json
Text Word Flip block

Spring-loaded word flips paired with a soft letter-by-letter blur stagger.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-word-flip.json
Text Blur Reveal block

A blur-in stagger by word or by letter, triggered the moment you scroll.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-blur-reveal.json
Canvas Text block

Loading-ring canvas particles that slowly resolve into solid letterforms.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/canvas-text.json
Line Fill Text block

Alpha-cascade ribbons clipped neatly inside the letterforms themselves.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/line-fill-text.json
Text Glitch block

A chromatic clip-path glitch for headlines, CSS-only and entirely GPU-friendly.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-glitch.json
Text Path block

SVG text riding a curved wave, arc, or circle path on a seamless, light loop.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-path.json
Text Highlight block

A hand-placed highlighter band that sweeps in behind your text and tracks wrapping.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-highlight.json
Text Scribble block

Hand-drawn scribble, underline, and strike marks that draw themselves onto text.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-scribble.json
Text Chroma Reveal block

A chromatic ribbon sweep that paints each of your headlines cleanly into view.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-chroma-reveal.json
Text Spectrum block

An animated multi-stop color wash that drifts endlessly through headlines.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-spectrum.json
Text Ripple block

A 3D character ripple with a traveling color crest, CSS-only and GPU-light.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-ripple.json
Button block

An accessible action primitive with solid, outline, ghost, and destructive variants, plus sizes, icons, and loading state.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/button.json
Button Group block

A segmented action group with shared borders, split primary actions, and dropdown menu support for dense toolbars.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/button-group.json
Input block

An accessible text field with labels, hints, inline errors, leading and trailing icons, and a one-tap clear action.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/input.json
Text Area block

An accessible multi-line field with auto-resize, character counts, validation states, and variants for notes or prompts.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-area.json
Select block

An accessible select with a polished trigger, grouped options, controlled state, and keyboard navigation throughout.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/select.json
Form Field block

A composable field wrapper carrying labels, descriptions, inline errors, and section layouts for any form you assemble.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/form-field.json
Badge block

Status and metadata badges with icons, presence dots, removable chips, and just enough depth to read as a real surface.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/badge.json
Checkbox block

An accessible checkbox with sharply focused styles, grouped rows, selectable cards, and a proper indeterminate state.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/checkbox.json
Switch block

An accessible switch with distinct variants, smooth motion, grouped rows, selectable cards, and fully controlled state.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/switch.json
Radio Group block

Native radio selection with distinctive rows, segmented layouts, selectable cards, and controlled state throughout.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/radio-group.json
Toggle block

A pressable on/off control with default, icon, outline, and soft variants, plus grouped selection for toolbars.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/toggle.json
Label block

An accessible form label with default, required, optional, muted, and inline variants for any field group you build.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/label.json
Input OTP block

An accessible one-time code field with alphanumeric, masked, and grouped variants for verification and two-factor flows.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/input-otp.json
Combobox block

A searchable combobox with multi-select, async option loading, and creatable entries for forms, filters, and pickers.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/combobox.json
Avatar block

Identity avatars with image fallbacks, presence status rings, stacked groups, and an upload affordance for profile edits.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/avatar.json
Table block

A structured table with sortable columns, row selection, expandable rows, and sticky headers for dashboards and admin.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/table.json
Progress block

Progress indicators in linear, circular, segmented, indeterminate, and stacked forms for uploads and onboarding.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/progress.json
Alert block

Inline status feedback for info, success, warning, and error states, including action-oriented messages with buttons.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/alert.json
Skeleton block

Loading placeholders for text, avatars, cards, and tables, plus a wrapper for composing your own custom layouts.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/skeleton.json
Spinner block

Indeterminate loading indicators in default, ring, dots, pulse, and overlay styles for inline and blocking states.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/spinner.json
Toast block

Transient notifications for info, success, warning, and error states, with action buttons and stacked positioning.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/toast.json
Dialog block

Accessible modal dialogs in default, confirmation, form, fullscreen, and scrollable layouts for any focused task.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/dialog.json
Sheet block

Edge-mounted panels that slide in from any side, with an optional persistent mode for inspectors and navigation.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/sheet.json
Drawer block

Gesture-driven drawers with velocity dismissal, snap points, drag handles, and support for every side of the screen.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/drawer.json
Popover block

Floating panels for menus, inline forms, and rich previews, with controlled state and collision-aware positioning.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/popover.json
Tooltip block

Contextual hints carrying rich content, keyboard shortcut labels, and optional cursor tracking as you move across.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/tooltip.json
Tabs block

Tabbed navigation with a sliding indicator, segmented control styling, vertical layouts, and smooth state changes.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/tabs.json
Breadcrumb block

A wayfinding trail with smart collapsing, dropdown overflow menus, custom separators, and animated hover states.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/breadcrumb.json
Pagination block

Page navigation with numbered pages, compact counters, first and last controls, and progressive loading for lists.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/pagination.json
Card block

Premium content containers with media, stat, feature, and interactive variants, plus responsive spacing throughout.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/card.json
Separator block

Dividers for layout sections, carrying text labels, gradient fades, dashed borders, and vertical split support.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/separator.json
Scroll Area block

A styled scrolling container with auto-hide scrollbars, keeping constrained panels, lists, and overflow regions tidy.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/scroll-area.json
Resizable block

Resizable panel layouts with draggable splitters, panel snapping, collapsible regions, and local size persistence.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/resizable.json
Hover Card block

Snappy preview overlays triggered by hovering a link or name, with rich content and no click interruption at all.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/hover-card.json
Accordion block

Expandable disclosure sections for FAQs and settings, with single or multiple open modes and nested content support.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/accordion.json
Aspect Ratio block

Media containers that hold preset ratios across responsive layouts, with a shimmer placeholder while images load.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/aspect-ratio.json
Attachment block

File attachment rows for uploads, chats, and media previews, with download actions and per-type document icons.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/attachment.json
Calendar block

Date grids for single, range, and multi-date selection, with month navigation and event-ready day rendering.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/calendar.json
Carousel block

Swipeable carousels with slide indicators, autoplay, looping, and keyboard navigation for galleries and showcases.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/carousel.json
Chart block

Recharts line, bar, area, pie, and radar views with themed tooltips, responsive sizing, and consistent axis styling.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/chart.json
Collapsible block

Collapsible panels for sidebar sections, show-more previews, and any secondary content you want out of the way.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/collapsible.json
Slider block

An accessible slider built on Base UI, with keyboard and pointer support and a value bubble that reveals on drag.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/slider.json
Command block

A command palette with fuzzy search, grouped actions, keyboard shortcuts, and fast navigation built on top of cmdk.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/command.json
Context Menu block

Contextual actions on right-click, with grouped sections, nested submenus, shortcut labels, and destructive items.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/context-menu.json
Data Table block

Data tables with search, sorting, filtering, row selection, pagination, and expandable detail rows for dashboards.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/data-table.json
Date Picker block

Calendar popovers for single, range, and multi-date picks, with presets, time selection, and month or year quick-nav.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/date-picker.json
Direction block

LTR and RTL direction context for layout and composition, driving reading order from the active locale automatically.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/direction.json
Dropdown Menu block

Compact actions from any trigger, with grouped sections, nested submenus, checkbox and radio items, and shortcuts.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/dropdown-menu.json
Empty State block

Empty layouts for placeholders, search results, and errors, with basic, action, illustration, and avatar variants.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/empty-state.json
Field block

A composable field shell carrying labels, help text, required markers, and error, success, and validation states.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/field.json
Kbd block

Keyboard key styling for shortcuts, hotkey hints, documentation, and inline command labels anywhere in your app.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/kbd.json
Marker block

Status markers for live state, ordered points, and contextual cues, with solid dots and pulsing presence indicators.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/marker.json
Native Select block

Browser-native option selection for forms, with grouped options, placeholders, inline variants, and error states.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/native-select.json
Navigation Menu block

Primary navigation with dropdown panels, mega menus, nested links, and full keyboard accessibility for headers.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/navigation-menu.json
Sidebar block

App sidebars with collapsible rails, grouped sections, badge counts, resizable widths, and keyboard shortcut support.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/sidebar.json
Typography block

Type primitives for headings, prose blocks, lead and muted text, inline code, and consistently styled lists.

npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/typography.json