Components

A floating action button that gooey-morphs to extrude its satellite actions like liquid metaballs.

Press and hold to confirm a destructive action — a radial fill commits at 100%, releasing early cancels.

A pushable 3D button with rainbow edge animation and solid front face.

A button whose content is magnetically pulled toward the cursor, springing back on exit.

A button whose face wipes away on hover via an animated CSS sprite-sheet mask, revealing the label behind it.

A 3D button whose front face folds back to reveal a controlled progress bar while loading.

A button with an animated shimmering border light effect.

A drag-to-confirm thumb for high-stakes actions — slide past the threshold to commit, release early to spring back.

A 3D layered text input that lifts on focus with an optional rainbow edge animation.

A segmented one-time-code input with auto-advance, paste-to-fill, a traveling caret, and error shake.

A breadcrumb trail with hover-fill pills, animated path changes, and an overflow that collapses into an expandable popover.

A type-ahead autocomplete with staggered result reveal, highlighted matches, keyboard navigation, and an async loading state.

A right-click menu that springs from the cursor point and flips to stay in the viewport, with shortcuts and destructive actions.

A macOS-style dock whose items magnify with spring physics as the pointer moves across them.

An accessible dropdown that springs open from its trigger edge, with submenus, shortcuts, separators, and keyboard navigation.

A faceted filter bar with searchable multi-select popovers, count badges, and active filters that spring in and out as chips.

A segmented tab bar where the selected option lifts into a 3D button with an optional rainbow edge.

A Vercel-style menu with a direction-aware highlight and a panel that springs and height-morphs between triggers.

A sticky navbar that springs into a compact, blurred floating pill as you scroll, with a shared-element active indicator.

An iOS-style selector with a sliding pill that springs between options.

A mobile bottom navigation where a shared-element blob slides under the active tab and the icon gives a haptic-style pop.

A tooltip that springs in and tilts in 3D as the pointer moves across its trigger.

A ⌘K command menu with fuzzy filtering, keyboard navigation, and spring enter / exit.

A draggable bottom sheet with rubber-band physics, snap points, and flick-to-dismiss.

An Apple-inspired pill that springs between size presets while its content cross-fades.

A context toolbar that springs into view with magnetic, morphing action buttons.

A card that physically morphs into a modal through a shared layout, then springs back on close.

Stacked, swipe-dismissible toasts with an imperative toast() API.

A disclosure list with spring height animation, rotating chevrons, and single or multiple open modes.

A testimonial carousel with a shuffling image stack and crossfading quotes.

Overlapping avatars that fan apart on hover, with a +N overflow chip.

A modular bento layout of mixed-size cards that stagger in on scroll and lift with a spotlight on hover.

A 3D stack of cards that cycles through a showcase loop, with pointer parallax and spring re-flow.

Horizontal image panels that expand on hover to reveal their caption — an elegant, space-efficient gallery.

A draggable before/after slider with clip-path reveal, keyboard support, and a pulsing handle hint.

A vertical stack of cards where one expands to its full view while the rest collapse to compact pills.

A drag-to-reorder list where items lift on grab, spring to place, and neighbours flow around them.

Pinned cards that scale, recede, and stack as the page scrolls — the premium feature-reveal section.

A step indicator with a spring-filled progress line and a number-to-checkmark morph.

A physics, Tinder-style swipeable card deck with throw-to-dismiss, directional intent, and keyboard controls.

A card that tilts in 3D toward the pointer with parallax depth and a specular glare.

Gradient text with a rainbow aurora that drifts across the letters.

Variable-font text whose weight springs up under an automatic spotlight or the pointer.

Draw hand-drawn sketch annotations over inline text — highlight, underline, box, circle, and more.

Animates a number to its target value with spring physics when scrolled into view.

Staggered entrance animations for headlines and copy, split by word, character, or line.

Characters cycle through random glyphs and resolve into the target text — a decrypt / matrix reveal.

A vertical timeline of agent steps with live status, a spring-filled connector, and collapsible tool output.

A streaming chat surface — messages spring in, tokens reveal, and the view auto-sticks to the latest message.

An AI input box with auto-grow, attachment chips, a model picker, and a send-to-stop morph while streaming.

Animated starter prompts that stagger in, lift on hover, and feed straight into the composer.

Inline citation pills that spring out a rich preview card, plus a collapsible source list.

A Siri-style audio-reactive orb that breathes when idle, pulses while listening, and swells with the voice as it speaks.

Figma-style annotation pins that spring in and expand into a threaded comment popover.

Smoothly interpolated multiplayer cursors with name flags and optional cursor-chat.

Live avatars with status rings and spring join/leave, plus a +N overflow that opens a presence list.

An animated gradient beam that travels along a path connecting two separate nodes.

A draggable, auto-rotating WebGL globe with glowing location markers.

Icons that orbit a center point on a configurable ring, staying upright as they travel.

An animated beam of light that travels around the border of its container.

A physics-based confetti burst with an imperative fire API for celebratory moments.

A spring-lagged blend-mode cursor that trails the pointer and swells over interactive elements.

Images spawn along the pointer's path, pop in, and drift away — the signature portfolio hover effect.

A conic-gradient lamp that ignites and reveals a headline as it scrolls into view.

A premium hover effect that ripples and distorts an image like liquid, intensifying with cursor speed.

An infinite, seamless scrolling row or column of content that pauses on hover.

Text or an image is sampled into particles that scatter and reform — a dramatic entrance or transition.

A spring-smoothed reading indicator — a pinned top bar or a fading back-to-top ring.

Reveals its children with a spring as they scroll into view, with optional velocity skew.

A card with a radial spotlight glow that follows the pointer and lights the border.

A cursor-following flashlight that cuts through the top layer to expose a hidden layer beneath.

A technical lattice — lines, dots, or a perspective floor — with a light sweep and cursor spotlight.

Full-bleed decorative backgrounds — radial and corner gradient washes — selectable by variant.

Full-bleed effect backgrounds — radial glows, aurora dreams, and soft pastel washes — selectable by variant.

Particles streaming along an evolving noise vector field, leaving silky fading trails.

Full-bleed geometric backgrounds — grids, dashed grids, diagonal crosses, and masked fades — selectable by variant.

Full-bleed gradient backgrounds — radial glows, aurora washes, and depth fades — selectable by variant.

Volumetric god-rays that slowly sweep and breathe, with optional film grain. Pure CSS.

Gooey blobs that drift, collide, and merge under an SVG goo filter — with a cursor blob.

A grid of flickering squares with a cursor spotlight that lights up nearby pixels.

Slowly drifting topographic contour lines — a living elevation map drawn with marching squares.

A depth starfield you fly through — cursor parallax and an optional hyperspace warp.

A glass panel that refracts the content behind it with a mouse-tracked specular highlight.

A circular glass lens that floats over your content and follows the cursor, refracting everything beneath it.