Components by Wensity.

Copy-paste React components with motion-rich interactions, built on Tailwind CSS and ready to install with the Wensity CLI.

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.

Before After Card component preview

Before After Card

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

Glass Hopper component preview

Glass Hopper

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

Tactile Keyboard component preview

Tactile Keyboard

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

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.

Ambient Aurora Canvas component preview

Ambient Aurora Canvas

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

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.

macOS Floating Dock component preview

macOS Floating Dock

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

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.

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.

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.

Line Fill Text component preview

Line Fill Text

Alpha-cascade ribbons clipped neatly inside the letterforms themselves.

Gooey Navigation Menu component preview

Gooey Navigation Menu

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

Gradient Stripes component preview

Gradient Stripes

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

Retro Terminal Emulator component preview

Retro Terminal Emulator

CRT phosphor glow, scanlines, and a 240 char/sec typer that never re-renders a single line of output mid-stream.

Refraction Glass Container component preview

Refraction Glass Container

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

Text Spectrum component preview

Text Spectrum

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

Infinite Marquee component preview

Infinite Marquee

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

Chatgpt Orb component preview

Chatgpt Orb

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

Morphing Shape Background component preview

Morphing Shape Background

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

Magic Keyboard component preview

Magic Keyboard

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

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.

iPhone Mockup component preview

iPhone Mockup

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

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.

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.

Perspective Marquee component preview

Perspective Marquee

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

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.

Text Glitch component preview

Text Glitch

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

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.

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.

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.

File Uploader component preview

File Uploader

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

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.

Text Chroma Reveal component preview

Text Chroma Reveal

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

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.

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.

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.

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.

Mechanical Keyboard component preview

Mechanical Keyboard

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

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.

Text Scribble component preview

Text Scribble

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

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.

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.

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.

Macbook Mockup component preview

Macbook Mockup

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

Text Path component preview

Text Path

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

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.

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.

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.