beui

Responsive virtualized masonry that measures variable-height cards and loads more data as the user nears the end.

Text input with label, left/right icons, error shake and success check draw.

Loading indicator with seventeen variants: spinner, dots, bars, dot-matrix, dither, morph, comet, scramble, metaballs, newton, helix, percent, and five terminal-style ascii spinners. Scales from one size prop, uses currentColor, and reduced-motion swaps every transform for a calm opacity pulse.

Infinite horizontal or vertical scroll with pause-on-hover.

Composable conversation primitives for message rows, grouped bubbles, avatars, metadata, live markers, and a mount-only trailing-edge pop-up for newly sent rows.

A focused conversational surface with visual tones, independent alignment, grouped messages, expandable content, and interactive link or button support.

A reader-aware conversation viewport that follows streamed output at the live edge and releases control when the reader moves away.

Family-app-style modal. A single panel that morphs its height as you navigate between inner views, with blur cross-fade on content.

Reorderable tabs whose selected item grows into a white content surface, with the active shape gliding as tabs move and a shared morph between rooms.

Cross-chain swap widget with chain + token selectors, morphing views, animated flip and quote.

Compact notification cards that spring from a stacked summary into a readable list on hover, focus or tap.

Spring-driven count-up triggered when in view.

Slot-machine rolling digits with staggered entry.

One-time-code input with a gliding focus ring, digits that roll in per slot, error shake and a success check draw.

Connected pill rail for primary actions that springs open to reveal extra controls.

Composable Popover, PopoverTrigger, PopoverContent; the panel oozes out of the trigger through an SVG goo filter with a liquid neck, crisp content fading in on top. Click or hover, controlled or uncontrolled.

Composable MorphPopover, MorphPopoverTrigger, MorphPopoverContent; the panel is laid out full size but clipped to the corner nearest the trigger, then unclips as one piece — a single-surface morph with a drop-shadow that hugs the shape. Side/align aware, controlled or uncontrolled.

Prediction market trade ticket with buy/sell modes, outcome prices, rolling amount entry, quick add chips and trade states.

Codex app-inspired navigation rail with compact ticks that form a hover pyramid and reveal a floating destination preview.

An interactive project folder that opens its file fan on hover or focus, expands into a focus-managed overlay, then retraces the complete path when closed.

An auto-growing agent composer with prompt actions, model selection, keyboard submission, and animated send and stop states.

Native-feeling pull-to-refresh container with drag resistance, threshold feedback and async refresh handling.

Single-select choice control with a gliding layoutId indicator dot and spring press feedback.

Grab the thumb and a value bubble pops out of it. The bubble tilts and squashes with how fast you drag, then settles upright.

No thumb. The fill slides behind a rounded liquid cap, and the label flips color wherever the fill covers it.

Tick dots, and a vertical-bar thumb that bounces as it lands on each step.

The needle stays put and the scale scrolls under it. A flick keeps going and settles on the nearest tick. Fractional steps read at the step's own precision.

Equalizer bars peak around the handle and drop back once it passes, so the value moves down the track as a wave.

Wrapper that drifts its children at a speed factor as they cross the viewport, on either axis. Reduced-motion safe.

Reading-progress indicator — fixed bar or circular ring — driven by scroll position via useSmoothScroll, with spring smoothing.

Reveals its children with a spring slide and blur as they enter the viewport, once or every time. Reduced-motion keeps a fade.

Button that smooth-scrolls to a target (offset, selector or element) via the active SmoothScroll provider; reduced-motion jumps instantly.

Smooth-scroll provider over Lenis with a useSmoothScroll hook exposing scroll offset, progress and velocity. Reduced-motion safe.

Composable primitives (MorphSelect, MorphSelectTrigger, MorphSelectValue, MorphSelectContent, MorphSelectItem) where the trigger morphs into the panel via a shared layoutId — one continuous surface that grows open and shrinks back, never detaching.

Composable primitives (Select, SelectTrigger, SelectValue, SelectContent, SelectItem); the panel pinches off the trigger and separates, with staggered items. Position-aware (opens upward when needed).

Canvas shader backgrounds (mesh gradient, grain, warp, waves, voronoi, dot orbit and more) with a single typed variant prop. Reduced-motion freezes animated variants.

A pill that glides between hovered items via motion's shared layout, with blur enter/exit.

Composed sign-up form that flags a field only once it is left, then clears the moment it is fixed, with a length-weighted strength meter, password reveal and an animated submit lifecycle.

A stable response surface with completion actions, rendered content, and an expandable source summary.

Mobile-style list rows that swipe left or right to reveal contextual action buttons.

Toggle with a spring-driven thumb and press feedback.

Loads pages on demand — skeleton rows on first load, then infinite scroll via onEndReached as the virtualized list nears the bottom.

10k virtualized rows with sortable headers, row selection, column resize and reorder.

Edit cells inline and insert or delete rows and columns via border handles; the table re-renders from the updated data and column defs.

Pill, segment or underline tabs with a spring layoutId indicator.

A Dia-inspired text effect with a fixed sentence prefix and a cycling final word revealed by a colorful sweep.

Letter-by-letter slot roll for standalone text — old letters drop away as new ones land, left to right.

Word or character reveal with spring slide-up and blur.