Interactive React Components

Standout cards, navigation, carousels and galleries.

• Holo Card

  Collectible trading card with a real holographic foil. Pick bursts, stars, shards, cosmos and more, with glitter sparkling on the silver border as it tilts.

• Circular Carousel

  A 3D ring of images with four layouts, bendable cards, depth fade, momentum drag, snapping and click to focus.

• Flex Carousel

  An infinite image row that flows through invisible liquid glass at its edges, with four bend presets, five entrances, a speed squeeze and click to focus.

• Infinite Spiral

  An endlessly looping 3D helix of images with customizable motion, depth, spacing and interaction.

• Depth Carousel

  Cards recede into depth on a 3D rail, with drag, keyboard and auto-advance.

• Morph Slider

  WebGL slider that melts between images with a displacement transition.

• Drift Wall

  An endless perspective wall of tiles drifting past, lifting on hover.

• Accordion Gallery

  Panels expand on hover or focus, revealing parallax imagery and captions.

• Specular Button

  Glass button whose edge catches the light, with a crisp highlight that glides to the part nearest the cursor.

• Option Wheel

  Curved option picker that spins via scroll, drag, or arrow keys, fading and tilting items away from the selection.

• Curved Input

  Arc-bent input bar with text, caret and submit button all following the curve.

• Line Sidebar

  Static list navigation with a cursor-proximity effect that shifts and highlights nearby items.

• Animated List

  List items enter with staggered motion variants for polished reveals.

• Scroll Stack

  Cards pin and stack as you scroll, settling back into a dimmed deck with smooth, jitter-free motion.

• Bubble Menu

  Floating circular expanding menu with staggered item reveal.

• Magic Bento

  Interactive bento grid tiles expand + animate with various options.

• Circular Gallery

  Circular orbit gallery rotating images.

• Reflective Card

  Card with dynamic webcam reflection and glare effects that respond to cursor movement.

• Card Nav

  Expandable navigation bar with card panels revealing nested links.

• Stack

  Pile of cards you can drag, flick or click through. Thrown cards tuck under the stack, with fan, cascade, deck and pile layouts.

• Fluid Glass

  Glassmorphism container with animated liquid distortion refraction.

• Pill Nav

  Minimal pill nav with sliding active highlight + smooth easing.

• Tilted Card

  3D perspective tilt card reacting to pointer.

• Masonry

  Responsive masonry layout with animated reflow + gaps optimization.

• Glass Surface

  Apple-style liquid glass that bends what is behind its edges, in a rounded panel or the shape of any SVG logo.

• Dome Gallery

  Immersive 3D dome gallery projecting images on a hemispheric surface.

• Chroma Grid

  A responsive grid of grayscale tiles. Hovering the grid reaveals their colors.

• Folder

  Interactive folder opens to reveal nested content smooth motion.

• Staggered Menu

  Menu with staggered item animations and smooth transitions on open/close.

• Model Viewer

  Three.js model viewer with orbit controls and lighting presets.

• Lanyard

  Swinging 3D badge on a stretchy woven band. Print any image on the front, back and band, then drag, stretch, throw or click to flip it.

• Profile Card

  Animated profile card glare with 3D hover effect.

• Dock

  macOS style dock with smooth magnification, launch bounce, badges and Apple style context menus.

• Gooey Nav

  Navigation indicator morphs with gooey blob transitions between items.

• Pixel Card

  Card content revealed through pixel expansion transition.

• Carousel

  Swipeable cards for feature tours, stories and galleries, with five transitions and an autoplay timer.

• Spotlight Card

  Card lit by a soft spotlight that follows the pointer, catches its edge and reaches nearby cards.

• Border Glow

  Glowing mesh-gradient border that follows cursor direction and intensifies near edges.

• Flying Posters

  3D posters that twist and flip as you scroll or drag through an endless column.

• Card Swap

  Cards animate position swapping with smooth layout transitions.

• Glass Icons

  Liquid glass icons that bend the color behind them, for app grids, docks and social links.

• Decay Card

  An image card that tears and melts as the pointer moves, then pulls itself back together.

• Flowing Menu

  Liquid flowing active indicator glides between menu items.

• Elastic Slider

  Slider handle stretches elastically then snaps with spring physics.

• Counter

  Flexible animated counter supporting increments + easing.

• Infinite Menu

  A draggable sphere of image tiles that snaps the nearest one to the front and shows its title, description and link.

• Stepper

  Animated multi-step progress indicator with active state transitions.

• Bounce Cards

  A fan of photo cards that bounce in, then spread apart and straighten the one you hover.