---
name: "@wensity"
slug: "wensity"
description: "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."
category: "AI/chat UI"
tags: ["3d", "aesthetic", "ai", "animation", "audio", "auth", "backgrounds", "blocks", "buttons", "cards", "charts", "dashboard", "design-system", "forms", "glassmorphism", "hooks", "loaders", "marketing", "media", "navigation", "overlays", "pro-available", "saas", "tables", "text-effects", "theming"]
framework: "react"
license: null
author: null
website: "https://ui.wensity.com/components"
github: "N/A"
registry: "https://raw.githubusercontent.com/wensity/registry/main/registry.json"
pro: true
pro_url: "https://ui.wensity.com/pricing"
github_stars: null
component_count: 91
generated_at: "2026-09-21T01:50:16.753Z"
---

# @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.

## Links

- Website: https://ui.wensity.com/components
- GitHub: N/A
- Registry JSON: https://raw.githubusercontent.com/wensity/registry/main/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/wensity
- This file: https://sh4dcn.vercel.app/md/wensity.md
- Pro / pricing: https://ui.wensity.com/pricing

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/registry.json
pnpm dlx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/registry.json
bunx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/registry.json
# clone the source repo
git clone N/A.git
# fetch the raw registry index
curl -s https://raw.githubusercontent.com/wensity/registry/main/registry.json
```

## Components (91)

| name | type | description | install |
| --- | --- | --- | --- |
| font-inter | registry: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` |
| font-geist | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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-activity-grid | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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 | registry: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` |

## For AI agents

```text
You are adding components from @wensity to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/wensity.md) for the component list.
2. Fetch the machine-readable index: https://raw.githubusercontent.com/wensity/registry/main/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: wensity).
```