Animated React UI components

Copy-paste React UI components with real motion, typed in TypeScript and styled with Tailwind CSS. They work in Next.js, Vite, Remix and Astro, and install through the Wensity CLI so the source stays in your own repo.

Bento Box Grid Layout component preview

Bento Box Grid Layout

Responsive dashboard tiles with a click-to-expand focus mode that re-composes the grid around whatever you promote.

Subscription Tier Card component preview

Subscription Tier Card

An animated 1px conic-gradient border with a soft Wensity Red halo on hover and a CTA that shimmers as you approach.

Siri Orb component preview

Siri Orb

A glassy WebGL sphere with a prism ribbon sweeping a full spectrum through it.

Text Glitch component preview

Text Glitch

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

Gradient Stripes component preview

Gradient Stripes

Raycast-inspired WebGL stripes with a mouse-tracked spotlight and fine film grain.

GitHub-Style Activity Grid component preview

GitHub-Style Activity Grid

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

Tactile Keyboard component preview

Tactile Keyboard

A 65% QWERTY board with real key travel, live shift legends, and five colorways.

Glass Hopper component preview

Glass Hopper

A frosted glass hopper cycling feature chips through a soft, timed drop-in loop.

Stack Reveal component preview

Stack Reveal

A React 3D card stack built on Framer Motion where the front card drops away, the deck promotes, then it returns.

Fan Hover Card Stack component preview

Fan Hover Card Stack

Hover a stacked profile deck and watch the cards fan outward in sequence while the active one lifts to the front.

Dynamic Island Toast component preview

Dynamic Island Toast

A pixel-faithful Apple Dynamic Island that morphs, splits, and breathes while it hosts live activities inside your app.

Text Highlight component preview

Text Highlight

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

iPhone Siri component preview

iPhone Siri

Tap the Dynamic Island and a live WebGL glass surface blooms out of it.

Before After Card component preview

Before After Card

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

Lifted Archive Folder component preview

Lifted Archive Folder

A tactile archive folder that peels open on click and fans its documents out while the flap hinges away in 3D.

Liquid Glass Orb component preview

Liquid Glass Orb

A draggable soap-bubble orb you swipe upward to enter the page, where it settles as a compact, still glass anchor.

Stacked Tinder-Swipe Cards component preview

Stacked Tinder-Swipe Cards

A real deck where the top card flicks off under your thumb and the one underneath physically rises in real time.

Liquid Multimodal Input component preview

Liquid Multimodal Input

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

Perspective Marquee component preview

Perspective Marquee

A 3D tilted image grid with alternating rows scrolling infinitely in both directions.

Animated Code Diff Viewer component preview

Animated Code Diff Viewer

Inline or toggled code diffs rendered inside the same polished code block frame, flipping between before and after.

Text Path component preview

Text Path

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

Gooey Navigation Menu component preview

Gooey Navigation Menu

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

Morphing Shape Background component preview

Morphing Shape Background

Lava-lamp blobs that drift behind your hero at 120fps with no SVG morphing.

Fluid Drag-and-Drop Kanban component preview

Fluid Drag-and-Drop Kanban

A Trello-grade board running real pointer physics, where every card tilts toward the velocity you throw it across at.

Multi-Step Morphing Wizard component preview

Multi-Step Morphing Wizard

An onboarding card whose container physically reshapes to wrap each new step as the content slides in behind it.

Infinite Marquee component preview

Infinite Marquee

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

Animated Tabs component preview

Animated Tabs

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

Text Spectrum component preview

Text Spectrum

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

Interactive 3D Globe component preview

Interactive 3D Globe

A photo-real Earth carrying animated avatar pins, a soft atmosphere shader, and smooth drag-to-orbit controls.

Magic Keyboard component preview

Magic Keyboard

A Mac keyboard with three finishes, a latching caps LED, and ANSI or ISO layouts.

Metric Card with Sparkline component preview

Metric Card with Sparkline

Dashboard cards with a hand-rolled monotone-cubic SVG line and a glowing dot that snaps to wherever you scrub.

iPhone Mockup component preview

iPhone Mockup

A thick, extruded iPhone with a machined side rail, side buttons, and lock screen.

macOS Floating Dock component preview

macOS Floating Dock

A magnetic dock where icons inflate near the cursor and push their siblings aside.

Split-Flap Vestaboard Display component preview

Split-Flap Vestaboard Display

A mechanical character cascade in pure CSS 3D, running 80 cells at a solid 60fps.

Glass Envelope component preview

Glass Envelope

A frosted glass envelope with stacked photo cards that fan on hover, then lift from the frame when opened with a click.

Ambient Aurora Canvas component preview

Ambient Aurora Canvas

Pure-CSS atmospheric lighting with heavy blur and a noise overlay that kills banding.

Scroll Stack component preview

Scroll Stack

Cards that pin, tilt, and stack into a tidy deck as you scroll, with zero scroll hijacking anywhere in the sequence.

Chatgpt Orb component preview

Chatgpt Orb

Low-power WebGL fractal noise that blooms white ink inside a soft circular mask.

Text Scribble component preview

Text Scribble

Hand-drawn scribble, underline, and strike marks that draw themselves onto text.

Google Search component preview

Google Search

A Google AI Mode search bar with a rainbow that travels the rim, cycling typewriter prompts, and an inline Google wordmark.

Scrubbable Video Reveal component preview

Scrubbable Video Reveal

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

Particle Image component preview

Particle Image

Half a million GPU particles lift off a photo, drift on noise, and smear on hover.

Genie Effect component preview

Genie Effect

A macOS genie minimize built on a real per-slice warp that sucks any window, folder, or panel down into a waiting dock.

Shimmering Skeleton Wrapper component preview

Shimmering Skeleton Wrapper

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

Expanding Cards component preview

Expanding Cards

Hover a tall editorial strip and it opens wide, the rest of the row holding as tight vertical slivers of the same image.

Text Chroma Reveal component preview

Text Chroma Reveal

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

Animated MacBook component preview

Animated MacBook

A closed MacBook that hinges open and powers on when you hover, in ten finishes.

Refraction Glass Container component preview

Refraction Glass Container

Real refraction, where feDisplacementMap warps the actual pixels sitting behind the card instead of blurring them.

Globe Card component preview

Globe Card

A dark icon card holding a dotted globe that slowly spins on its own axis.

Orbital Image Carousel component preview

Orbital Image Carousel

Drag a cylindrical photo rail with snapped inertia, keyboard stepping, and depth-aware parallax on every face.

Mechanical Keyboard component preview

Mechanical Keyboard

A Keychron-style virtual keyboard with per-key travel and real mechanical sound.

Apple-Style Sticky Scroll component preview

Apple-Style Sticky Scroll

A pinned cinematic section that morphs in lock-step with scroll, staying perfectly in sync whichever way you travel.

Physics-Based Confetti Cannon component preview

Physics-Based Confetti Cannon

Hand-rolled canvas particles with gravity, drag, terminal velocity, and paper ribbons that flutter on the way down.

Color Archive Scroll component preview

Color Archive Scroll

An endless project list that repaints the whole stage in the active row's color, with a preview card you can drag.

Cover Flow component preview

Cover Flow

A 3D Cover Flow album carousel where side cards swing into the center and a mini player below follows the track.

Voice Aurora Wave component preview

Voice Aurora Wave

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

Line Fill Text component preview

Line Fill Text

Alpha-cascade ribbons clipped neatly inside the letterforms themselves.

Apple Intelligence Glow component preview

Apple Intelligence Glow

A soft Apple Intelligence edge glow that traces the screen with a rotating iridescent gradient you can toggle on.

File Uploader component preview

File Uploader

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

Follow Cursor Label component preview

Follow Cursor Label

A floating label that trails the cursor across your hover targets with an elastic pop-in and a soft spring settle.

Dimensional Book Cover component preview

Dimensional Book Cover

A tactile 3D book cover that opens on click with real matte depth, then turns each page on a weighted hinged flip.

Cool Button component preview

Cool Button

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

Liquid Ripple Image component preview

Liquid Ripple Image

Pointer trails bloom into concentric ripples that refract a photo in WebGL.