---
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/blocks/pricing-sections"
github_stars: null
component_count: 98
generated_at: "2026-10-27T06:34:08.542Z"
---

# @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.netlify.app/registry/wensity
- This file: https://sh4dcn.netlify.app/md/wensity.md
- Pro / pricing: https://ui.wensity.com/blocks/pricing-sections

## 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 (98)

| 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 | An AI model selector dropdown that scales out from its trigger and glides the selection pill to 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 background for React heroes: soft gradient shapes that drift and melt. | `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` |
| blob-animation | registry:block | Blob animation in CSS: a morphing gradient blob, soft glow, outline, or image mask. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/blob-animation.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` |
| progressive-image-loading | registry:block | Images that develop from a blur, color, or shimmer placeholder, without layout shift. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/progressive-image-loading.json` |
| animated-hamburger-menu | registry:block | Eight animated hamburger menu icons that morph into a close X or back arrow in CSS. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/animated-hamburger-menu.json` |
| star-rating | registry:block | React star rating with half stars, drag to rate, and cut stars that catch the light. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/star-rating.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` |
| 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` |
| 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 | Bold type filled with flowing curved linework that bends round the cursor. | `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, squiggly underline, strike, circle, and box marks for 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` |
| underline-animation | registry:block | CSS hover underlines for links: slide, center, fill, wavy, and gradient. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/underline-animation.json` |
| count-up-animation | registry:block | A count up animation for React: every digit rolls into place, in any number format. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/count-up-animation.json` |
| button | registry:block | A React button component on Base UI with seven variants, from the solid default to ghost and link, four sizes, icon slots, and a built in loading state. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/button.json` |
| button-group | registry:block | A React button group for toolbars and segmented controls, with shared borders, vertical layout, and split buttons that open a dropdown menu. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/button-group.json` |
| input | registry:block | A React text input with a built in label, hint, and inline error wired to screen readers, plus leading and trailing icons and a one tap clear button. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/input.json` |
| text-area | registry:block | A React textarea that auto resizes between min and max rows, with a live character count that warns near the limit and default, filled, or ghost styles. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/text-area.json` |
| select | registry:block | A React select component on Base UI with grouped options, descriptions, icons, four trigger styles, keyboard navigation, and native form submission. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/select.json` |
| form-field | registry:block | A React form field wrapper that wires a label, description, and error to one control, with stack, inline, split, and card layouts plus form sections. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/form-field.json` |
| badge | registry:block | React badges for statuses, plans, and tags in eight tones, with presence dots that can pulse, icon slots, and removable chips with a labeled close button. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/badge.json` |
| checkbox | registry:block | A React checkbox on Base UI with checked, unchecked, and indeterminate states, labels, descriptions, errors, checkbox groups, and selectable cards. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/checkbox.json` |
| switch | registry:block | A React toggle switch on Base UI in minimal, elevated, segmented, and power styles, with labels on either side, settings groups, and switch cards. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/switch.json` |
| radio-group | registry:block | A React radio group on Base UI with a gliding dot, a segmented control style, bordered rows, and radio cards for plan and shipping pickers. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/radio-group.json` |
| toggle | registry:block | A React toggle button and toggle group on Base UI in default, icon, outline, and soft styles, with a sliding segmented mode or multi select for toolbars. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/toggle.json` |
| label | registry:block | A React form label that renders a real label element, with a red required asterisk, an Optional tag, a hint line, and muted, inline, or disabled styles. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/label.json` |
| input-otp | registry:block | A React OTP input for two factor and verification codes, with SMS autofill, numeric or alphanumeric modes, masking, and success and error states. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/input-otp.json` |
| combobox | registry:block | A React combobox and autocomplete on Base UI with filtering, multi select with a selected count, creatable options, and async server search. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/combobox.json` |
| avatar | registry:block | A React avatar on Base UI that falls back to colored initials, with status dots, overlapping avatar groups with a +N chip, tooltips, and upload previews. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/avatar.json` |
| table | registry:block | A semantic React table with sortable headers, selectable and expandable rows, a sticky header, three densities, and rows that glide into place on sort. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/table.json` |
| progress | registry:block | A React progress bar on Base UI with spring smoothed fills and an indeterminate sweep, plus circular, stepped, and stacked multi part bars. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/progress.json` |
| alert | registry:block | A React alert for inline info, success, warning, and error messages, with titles, an action button, a dismiss control, and screen reader roles built in. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/alert.json` |
| skeleton | registry:block | React skeleton loading placeholders for text, avatars, cards, and tables, plus a custom block, with a soft shimmer that stops under reduced motion. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/skeleton.json` |
| spinner | registry:block | A React loading spinner in arc, ring, dots, and pulse styles with a screen reader label, five tones, three sizes, and an overlay that blocks a region. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/spinner.json` |
| toast | registry:block | React toast notifications on Base UI in info, success, warning, error, and action styles, with swipe to dismiss, six positions, and a hook to fire them. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/toast.json` |
| dialog | registry:block | A React modal dialog on Base UI with default, confirmation, form, fullscreen, and scrollable layouts, focus trapping, and a ready made confirm flow. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/dialog.json` |
| sheet | registry:block | A React sheet that slides in from any edge as a side panel for filters, carts, and mobile navigation, with a persistent mode that ignores backdrop clicks. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/sheet.json` |
| drawer | registry:block | A React drawer and bottom sheet on Base UI with swipe to dismiss, snap points, a grab handle, and five sides including a fullscreen mobile panel. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/drawer.json` |
| popover | registry:block | A React popover on Base UI for small menus, inline forms, and rich previews, with collision aware placement, a custom anchor, and four set widths. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/popover.json` |
| tooltip | registry:block | A React tooltip on Base UI with plain, rich, and keyboard shortcut content, an arrow, a shared open delay, and an option to follow the cursor. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/tooltip.json` |
| tabs | registry:block | React tabs on Base UI with an indicator that slides between tabs, in pill, underline, rounded, segmented, and vertical styles, with arrow key support. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/tabs.json` |
| breadcrumb | registry:block | A React breadcrumb navigation with aria-current on the last page, long trails that collapse behind a dots menu, icons, and custom separators. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/breadcrumb.json` |
| pagination | registry:block | A React pagination component with smart ellipses, a gliding active page, first and last buttons, a compact counter, and a load more button variant. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/pagination.json` |
| card | registry:block | A React card built from header, title, description, content, and footer parts, plus media frames, stat trends, sparklines, and a feature link row. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/card.json` |
| separator | registry:block | A React separator and Tailwind divider with optional text labels, solid, gradient, or dashed lines, and horizontal or vertical orientation for layouts. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/separator.json` |
| scroll-area | registry:block | A React scroll area on Base UI with slim custom scrollbars that hide until you scroll, for vertical, horizontal, or two way overflow panels and lists. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/scroll-area.json` |
| resizable | registry:block | React resizable panels and split panes with drag and keyboard handles, min and max sizes, collapsible panels, and layouts saved to local storage. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/resizable.json` |
| hover-card | registry:block | A React hover card on Base UI that previews a profile or link after a short hover delay, with header, body, and footer parts and four widths. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/hover-card.json` |
| accordion | registry:block | A React accordion on Base UI for FAQ sections and settings, with single or multiple open items in bordered, separated, minimal, and FAQ styles. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/accordion.json` |
| aspect-ratio | registry:block | A React aspect ratio container with 16:9, 21:9, 4:3, square, and portrait presets, plus an image that fades in over a shimmer once it loads. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/aspect-ratio.json` |
| attachment | registry:block | React file attachment rows for uploads and chat, with icons by file type, readable sizes, upload progress, retry, download, and image preview cards. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/attachment.json` |
| calendar | registry:block | A React calendar for single dates, ranges, and multiple dates, with month and year quick pickers, booked dates, event dots, and full keyboard control. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/calendar.json` |
| carousel | registry:block | A React carousel with swipe, arrow keys, looping, and autoplay that pauses on hover, plus dots, thumbnails, and a progress bar for each slide. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/carousel.json` |
| chart | registry:block | React charts on Recharts with line, bar, area, pie, and radar views plus an interactive bar chart, themed through CSS variables with matching tooltips. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/chart.json` |
| collapsible | registry:block | A React collapsible on Base UI for expand and collapse sections, sidebar groups, and show more previews that fade long content until opened. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/collapsible.json` |
| slider | registry:block | A React range slider on Base UI with one or two thumbs, a value bubble that shows while dragging, formatted values, and a minimum thumb gap. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/slider.json` |
| command | registry:block | A React command palette on Base UI with keyword search, grouped actions, nested pages, and shortcut hints, plus a Cmd K dialog to open it anywhere. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/command.json` |
| context-menu | registry:block | A React right click context menu on Base UI with groups, nested submenus, checkbox and radio items, shortcut labels, and long press support on touch. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/context-menu.json` |
| data-table | registry:block | A React data table with debounced search, sorting, row selection, pagination, and expandable rows from one columns array, without TanStack. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/data-table.json` |
| date-picker | registry:block | A React date picker in a Base UI popover for single dates, ranges, and multiple dates, with presets, time selection, and min and max dates. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/date-picker.json` |
| direction | registry:block | A React direction provider for RTL and LTR layouts that sets dir for Arabic, Hebrew, and Persian, informs Base UI, and exposes a useDirection hook. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/direction.json` |
| dropdown-menu | registry:block | A React dropdown menu on Base UI with grouped sections, submenus, checkbox and radio items, shortcut hints, and destructive actions for rows. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/dropdown-menu.json` |
| empty-state | registry:block | A React empty state for blank dashboards, no results screens, and errors, with an icon, title, description, action buttons, and a footer slot. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/empty-state.json` |
| field | registry:block | A React field for form validation messages, linking a label, help text, and an error or success line to the input, in stacked or side by side layout. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/field.json` |
| kbd | registry:block | A React kbd component that renders real kbd tags for keyboard shortcuts, with key combinations, key sequences, command rows, and an inline size. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/kbd.json` |
| marker | registry:block | React status indicators with solid and pulsing dots, numbered markers, icon markers, and labeled live status like Online, in six tones and three sizes. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/marker.json` |
| native-select | registry:block | A React native select that styles the browser's own select element, keeping the phone picker, with grouped options, error states, and an inline size. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/native-select.json` |
| navigation-menu | registry:block | A React navigation menu on Base UI for site headers, with hover dropdowns, mega menu panels, icons, descriptions, nested links, and a compact size. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/navigation-menu.json` |
| sidebar | registry:block | A React app sidebar with collapsible, icon rail, floating, and resizable modes, grouped sections, badge counts, nested links, and a gliding active pill. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/sidebar.json` |
| typography | registry:block | React typography components for headings 1 to 6, lead and muted text, and inline code, plus a Prose wrapper that styles markdown without a plugin. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/typography.json` |
| color-picker | registry:block | A React color picker with a saturation canvas, hue and alpha sliders, HEX, RGB, and HSL inputs, swatches, and a screen eyedropper in a popover. | `npx shadcn@latest add https://raw.githubusercontent.com/wensity/registry/main/color-picker.json` |

## For AI agents

```text
You are adding components from @wensity to a shadcn-compatible project.
1. Read this file (https://sh4dcn.netlify.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.netlify.app/json (library slug: wensity).
```