Visual trait

Search items

A sci-fi scanner lens that follows the cursor and magnifies the live page inside a configurable HUD reticle, with chromatic aberration haze and click ripples that bend the page. The HTML stays interactive. No dependencies.

ReactVueSvelteVanillaSolid

Shatters your page into 3D glass shards that lift, tilt, and float around the cursor, refracting the content beneath them, with perspective and soft shadows. The HTML stays interactive. No dependencies.

ReactVueSvelteVanillaSolid

Weekly availability editor where each day springs between available and unavailable, time ranges add and remove with blur-slide motion, times pick from a scrollable dropdown, and a copy menu clones hours to other days.

ReactTailwind

A carousel whose items line the inside of a cylinder, receding into the center and growing toward the edges. Drag, scroll or arrow-key to roll it, with a springy glide and snap. Reduced-motion drops the glide.

ReactTailwindCarousel
Animated

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.

ReactTailwindLoader

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.

ReactTailwindOverlay

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.

ReactTailwindOverlay
Animated

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

ReactTailwind

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.

ReactTailwind
Wheel Picker

iOS-style picker wheel: a 3D drum on native momentum scroll that snaps to the nearest notch, with wheel, drag and keyboard control. Composes side by side for date and time pickers, reduced-motion safe.

ReactTailwind

A composable area chart with gradient fills and animations

ReactTailwindChart

A composable bar chart with horizontal/vertical orientations and animations

ReactTailwindChart

An animated funnel chart with multi-layer halo rings, hover interactions, and staggered entrance animations

ReactTailwindChart

A contribution heatmap with animated cells and configurable level colors

ReactTailwindChart

Real-time streaming line chart with smooth scrolling, crosshair, and animated axes

ReactTailwindChart

A composable pie chart with animations and customizable slices

ReactTailwindChart

A composable time-series scatter chart with offset rings, hover dimming, and animated enter

ReactTailwindChart

A composable hierarchical sunburst chart with drill-down zoom and animated segments

ReactTailwindChart

Redraws your page as live ascii characters in a soft radius around the cursor, with real glyph, shade block, and binary ramps. The HTML stays interactive. No dependencies.

ReactVueSvelteVanillaSolid

Folds the top and bottom of your page over virtual edges as you scroll, like scrolling on the face of a cube. The HTML stays interactive. No dependencies.

ReactVueSvelteVanillaSolid

Fire sparks, smoke, and heat distortion rising from the bottom of your page. The HTML stays interactive. No dependencies.

ReactVueSvelteVanillaSolid