A real 3D cover flow built on a parametric animation engine — genuine CSS 3D perspective, not a 2D fake. The center card focuses; the sides recede into depth.

WHERE TO USE

- Creative Portfolios — Display photography, design work, or 3D art in an immersive cover flow that draws the eye to the center.

- Hero Sections — Replace static top-of-page images with a live, interactive 3D slider.

- Product Highlights — Let visitors flip through product shots with natural drag and momentum.

- Photography Showcases — Present a series of images with real depth and focus, not a flat carousel.

- Testimonial or Team Decks — Turn a plain list into a dynamic, swipeable 3D deck.

MAIN FEATURES

- Real CSS 3D Depth — Cards curve through actual perspective space with genuine rotation, scaling, and Z-depth. The center focuses; the sides recede.

- Drag & Momentum — Grab and throw the deck with physics-based inertia; wheel and touch supported. Release and it settles naturally.

- Fully Parametric — Adjust count, card size, spacing, speed, zoom, ratio, corner radius, and focus emphasis right from the properties panel. No code required.

- Drops In Ready — Ships with demo images so it looks great the moment you drag it in. Swap in your own images anytime.

- Pixel-Accurate Engine — Built on a pure, deterministic animation engine: the same frame renders identically every time, in the editor and on your live site.

Built with Motionmotionmotion Studio — a free browser tool where you can visually tune animations like this one and re-open them to edit anytime: https://motion-studio-ecru.vercel.app

Chia-Hsin Su

Related Creators