Carousels & Galleries
Content navigation systems. 3D effects, physical interactions, and drag physics with Framer Motion.
01.Photo Folder Stack
An interactive gallery hidden inside a physical folder. Fluid mathematical animations, realistic 3D layout, and drag gestures to magnetically close the gallery.
Photo Folder Stack
Gallery hidden inside a physical folder. Smooth 3D fan layout with drag-to-close gestures.
API Reference
Available configuration to customize the component.
| Prop | Type | Default | Description |
|---|---|---|---|
| photos | GalleryPhoto[] | — | Array of photos with id and image url |
| folderName | string | — | Text displayed on the folder cover |
| dragHintText | string | — | Text hint instructing users to drag photos |
02.Aurora Coverflow
3D Coverflow-style carousel designed for E-commerce. Real Z-axis depth, dynamic depth-of-field (blur) effects, and infinite navigation via drag inertia.
Aurora Coverflow
3D Coverflow-style carousel for E-commerce. Real Z-axis depth, dynamic depth-of-field blur, and infinite drag-inertia navigation.
Zenith Studio Display
8K Micro-OLED panel for creative professionals.
API Reference
Available configuration to customize the component.
| Prop | Type | Default | Description |
|---|---|---|---|
| products | AuroraProduct[] | — | Array of products to display in the 3D coverflow |
| dragText | string | — | Hint text below the carousel |
| buyButtonText | string | — | Text inside the call-to-action button |
03.Vinyl Spinner
A carousel in a horizontal rotating cylinder format, perfect for highlighting key projects with a premium aesthetic.
Vinyl Spinner
Horizontal rotating cylinder carousel. Great for showcasing projects or portfolio pieces.
Featured Project
Aurora Dashboard
API Reference
Available configuration to customize the component.
| Prop | Type | Default | Description |
|---|---|---|---|
| items | CarouselItem[] | — | Array of items to display on the cylinder |
| featuredText | string | — | Top label above the active item title |
04.Orbital Ring
Tilted elliptical orbit system, with auto-rotation and the ability to magnetically focus cards on click.
Orbital Ring
Tilted elliptical orbit with auto-rotation. Click any card to snap it into focus.
Neural Engine
API Reference
Available configuration to customize the component.
| Prop | Type | Default | Description |
|---|---|---|---|
| items | OrbitalItem[] | — | Array of items with tag, title, and image |
| autoRotate | boolean | true | Whether the orbital ring spins automatically |