Components

• Holo Card

  Collectible trading card with a real holographic foil and glitter that sparkles as it tilts.

• Circular Carousel

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

• Flex Carousel

  An infinite image row that flows through invisible liquid glass at its edges.

• Infinite Spiral

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

• 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 highlight that glides toward the cursor.

• Option Wheel

  Curved option picker that spins with scroll, drag or arrow keys, tilting items away.

• 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

  A scrolling list whose rows spring into view, with a gliding selection and arrow keys.

• 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, with thrown cards tucking underneath.

• 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 it, in a rounded panel or any logo shape.

• Dome Gallery

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

• Chroma Grid

  A grid of grayscale photo cards where a spotlight follows the cursor and brings back color.

• Folder

  Folder that drops its flap open or swings open like a book, with pages you can pick.

• Staggered Menu

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

• Model Viewer

  A product-style 3D model viewer that frames itself and floats over a soft shadow.

• Lanyard

  Swinging 3D badge on a stretchy woven band that you can drag, throw or click to flip.

• Profile Card

  A framed profile card that tilts toward the cursor, with holographic foil shining through a tiled pattern.

• Dock

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

• Gooey Nav

  A navigation bar whose active pill breaks into goo that flows over to the item you pick.

• 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

  A 3D stack of cards that sends the front card to the back on a timer, or when you fling it.

• 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 forward and shows its title.

• Stepper

  A multi-step flow with a gliding step indicator, spring transitions and horizontal or vertical layouts.

• Bounce Cards

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