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.

Showing 54 featured of 77 components across 7 categories, alongside 57 UI primitives and 77 blocks.

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.

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.

Gradient Stripes component preview

Gradient Stripes

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

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.

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.

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.

Text Highlight component preview

Text Highlight

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

Tactile Keyboard component preview

Tactile Keyboard

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

Animated MacBook component preview

Animated MacBook

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

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 Siri component preview

iPhone Siri

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

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.

Particle Image component preview

Particle Image

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

Image Comparison Slider component preview

Image Comparison Slider

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

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.

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.

Perspective Marquee component preview

Perspective Marquee

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

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.

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.

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.

Morphing Shape Background component preview

Morphing Shape Background

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

Animated 3D Folder component preview

Animated 3D Folder

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

ChatGPT Orb component preview

ChatGPT Orb

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

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.

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.

Text Chroma Reveal component preview

Text Chroma Reveal

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

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.

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.

Refraction Glass Container component preview

Refraction Glass Container

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

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.

Magic Keyboard component preview

Magic Keyboard

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

Ambient Aurora Canvas component preview

Ambient Aurora Canvas

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

File Uploader component preview

File Uploader

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

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.

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.

Google-Style Search Bar component preview

Google-Style Search Bar

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

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.

Gooey Navigation Menu component preview

Gooey Navigation Menu

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

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.

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.

Globe Card component preview

Globe Card

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

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.

Mechanical Keyboard component preview

Mechanical Keyboard

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

Interactive 3D Book component preview

Interactive 3D Book

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

Text Path component preview

Text Path

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

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.

iPhone Mockup component preview

iPhone Mockup

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

Glass Hopper component preview

Glass Hopper

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

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.

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.

Liquid Ripple Image component preview

Liquid Ripple Image

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