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 |