Animated React UI components

A responsive bento grid of dashboard tiles where clicking one moves it to the front and the rest glide into place.

Pricing cards with a monthly and annual toggle, prices that spring to new values, and a highlighted plan in a brand glow.

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

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

Diagonal glass stripes refract a slow, glowing light that follows your pointer.

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

A React card stack carousel on Framer Motion: each photo drops out below the pile, slips behind it and rises to the back.

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

Aurora background of blurred light on Framer Motion, with grain that kills banding.

A near-black glass sphere with a violet rim that drifts while a model generates.

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

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

Grab any corner and peel the sheet back. It curls, catches the light, and springs shut with the weight of paper.

Real fire simulated on the GPU, rising from any SVG's edges, with embers and glow.

Tools share one liquid panel. It pours out of the icon you click, stretches to the next one, then drains back in.

Tap the Dynamic Island and it swells into a live WebGL Siri orb of folded light.

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

A photo rebuilt as halftone dots on springs that scatter from the pointer.

Liquid chrome text effect: inflated metal letters with sliding glints and sparkles.

A progress bar that fills with water, its rippling front leaning as it runs.

Frosted glass that bends the page at its edge, with a rim that catches the light.

Grab and throw a photo collage. Frames wrap with no seam, then glide to a stop.

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

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

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

A multi-step form wizard whose card physically reshapes to wrap each new step as the content slides in behind it.

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

Tinder-style swipe cards where the top card flicks off under your thumb and the one underneath rises in real time.

Lava lamp background for React heroes: soft gradient shapes that drift and melt.

A real CSS 3D folder that tilts toward your cursor, drops its cover open, and lifts its files into a stepped index.

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

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

A ceramic and graphite split-flap device that ripples each flap into your message.

Dashboard KPI cards with a smooth SVG sparkline chart and a glowing dot that snaps to whichever value you scrub across.

Hover a card in the fanned artwork row and it rises to the front, showing a colored pill with that card's title.

A pill or icon button ringed in flowing liquid metal, for light and dark pages.

Bold type filled with flowing curved linework that bends round the cursor.

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

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

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

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

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

Light leaks on film: saturated colour that burns to white under fine grain.

A frosted glass tube that stacks feature chips and drops the oldest into a card.

A 3D Earth lit day and night from the real sun position, wrapped in a soft atmosphere, with smooth drag-to-orbit controls.

An iPhone frame stands over two rows of photos drifting in opposite directions, its wallpaper from the same library.

Any SVG as a body of water: ripples, drips, and a surface that follows the pointer.

Dots rise from a dark floor, form the picture, and clear into the photograph.

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

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

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

Images that develop from a blur, color, or shimmer placeholder, without layout shift.

Blob animation in CSS: a morphing gradient blob, soft glow, outline, or image mask.

A loader that fills with liquid to your progress, in a glass circle, square, or word.

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

Any photo seen through fluted glass, sliced into soft ribs that follow the pointer.

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

A 75 percent mechanical keyboard with sculpted keycaps and recorded switch sound.

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

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

A brand gradient sliced into glowing stripes that rise toward the pointer.

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

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

A glass lens that magnifies any child, bending at the rim as it follows.

Portrait cards line the inside of a curved wall, smallest at the center and larger toward each side. Drag or hover to turn.

Glowing border CSS for cards: a cursor glowing effect, or beams, spins and pulses.

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

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

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

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

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

A photo under simulated water where waves spread, cross and bounce off edges.