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
A bento grid of feature cards with live artwork, edge light that follows the cursor and a click wave.
- Circular Gallery
A curved image gallery you can drag, scroll or tab through, with cards that open to the full image.
- Reflective Card
A metal ID card that reflects your camera or a looping video and catches the light as it tilts.
- Card Nav
A navigation bar that springs open into a row of cards, each with its own links.
- Stack
Pile of cards you can drag, flick or click through, with thrown cards tucking underneath.
- Fluid Glass
A 3D glass object that refracts your headline, image or video, follows the cursor and melts between shapes.
- Pill Nav
A pill navigation bar where a fill rises through each link as its label rolls over, with a sliding active dot.
- Tilted Card
A 3D card that tilts toward the cursor, with glare, a soft shadow, floating layers and a flip side.
- Masonry
A masonry gallery that springs into place, reflows as it resizes and opens images in a lightbox.
- 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
A card that fills with twinkling pixels on hover, rippling out from the center or the cursor.
- 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
A full-height menu with a liquid band that glides between rows and reveals a scrolling marquee of each item.
- Elastic Slider
A slider that grows under your cursor and stretches like rubber when pulled past either end, then springs back.
- Counter
An odometer-style number whose digits roll to every new value, with currency, separators and locales.
- 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.
