@wensity

Inter font package and shadcn CSS variables for Wensity primitives.

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

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

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

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

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

An AI model selector dropdown that scales out from its trigger and glides the selection pill to whichever model you pick.

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

Lava lamp background for React heroes: soft gradient shapes that drift and melt.

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

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

Blob animation in CSS: a morphing gradient blob, soft glow, outline, or image mask.

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

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

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

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

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

Images that develop from a blur, color, or shimmer placeholder, without layout shift.

Eight animated hamburger menu icons that morph into a close X or back arrow in CSS.

React star rating with half stars, drag to rate, and cut stars that catch the light.

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

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

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

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

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

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

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

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

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

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

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

Bold type filled with flowing curved linework that bends round the cursor.

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

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

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

Hand-drawn scribble, squiggly underline, strike, circle, and box marks for text.

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

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

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

CSS hover underlines for links: slide, center, fill, wavy, and gradient.

A count up animation for React: every digit rolls into place, in any number format.

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.

A React button group for toolbars and segmented controls, with shared borders, vertical layout, and split buttons that open a dropdown menu.

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.

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.

A React select component on Base UI with grouped options, descriptions, icons, four trigger styles, keyboard navigation, and native form submission.

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.

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.

A React checkbox on Base UI with checked, unchecked, and indeterminate states, labels, descriptions, errors, checkbox groups, and selectable cards.

A React toggle switch on Base UI in minimal, elevated, segmented, and power styles, with labels on either side, settings groups, and switch cards.

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.

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.

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.

A React OTP input for two factor and verification codes, with SMS autofill, numeric or alphanumeric modes, masking, and success and error states.

A React combobox and autocomplete on Base UI with filtering, multi select with a selected count, creatable options, and async server search.

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.

A semantic React table with sortable headers, selectable and expandable rows, a sticky header, three densities, and rows that glide into place on sort.

A React progress bar on Base UI with spring smoothed fills and an indeterminate sweep, plus circular, stepped, and stacked multi part bars.

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.

React skeleton loading placeholders for text, avatars, cards, and tables, plus a custom block, with a soft shimmer that stops under reduced motion.

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.

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.

A React modal dialog on Base UI with default, confirmation, form, fullscreen, and scrollable layouts, focus trapping, and a ready made confirm flow.

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.

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.

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.

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.

React tabs on Base UI with an indicator that slides between tabs, in pill, underline, rounded, segmented, and vertical styles, with arrow key support.

A React breadcrumb navigation with aria-current on the last page, long trails that collapse behind a dots menu, icons, and custom separators.

A React pagination component with smart ellipses, a gliding active page, first and last buttons, a compact counter, and a load more button variant.

A React card built from header, title, description, content, and footer parts, plus media frames, stat trends, sparklines, and a feature link row.

A React separator and Tailwind divider with optional text labels, solid, gradient, or dashed lines, and horizontal or vertical orientation for layouts.

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.

React resizable panels and split panes with drag and keyboard handles, min and max sizes, collapsible panels, and layouts saved to local storage.

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.

A React accordion on Base UI for FAQ sections and settings, with single or multiple open items in bordered, separated, minimal, and FAQ styles.

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.

React file attachment rows for uploads and chat, with icons by file type, readable sizes, upload progress, retry, download, and image preview cards.

A React calendar for single dates, ranges, and multiple dates, with month and year quick pickers, booked dates, event dots, and full keyboard control.

A React carousel with swipe, arrow keys, looping, and autoplay that pauses on hover, plus dots, thumbnails, and a progress bar for each slide.

React charts on Recharts with line, bar, area, pie, and radar views plus an interactive bar chart, themed through CSS variables with matching tooltips.

A React collapsible on Base UI for expand and collapse sections, sidebar groups, and show more previews that fade long content until opened.

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.

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.

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.

A React data table with debounced search, sorting, row selection, pagination, and expandable rows from one columns array, without TanStack.

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.

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.

A React dropdown menu on Base UI with grouped sections, submenus, checkbox and radio items, shortcut hints, and destructive actions for rows.

A React empty state for blank dashboards, no results screens, and errors, with an icon, title, description, action buttons, and a footer slot.

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.

A React kbd component that renders real kbd tags for keyboard shortcuts, with key combinations, key sequences, command rows, and an inline size.

React status indicators with solid and pulsing dots, numbered markers, icon markers, and labeled live status like Online, in six tones and three sizes.

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.

A React navigation menu on Base UI for site headers, with hover dropdowns, mega menu panels, icons, descriptions, nested links, and a compact size.

A React app sidebar with collapsible, icon rail, floating, and resizable modes, grouped sections, badge counts, nested links, and a gliding active pill.

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.

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.