Depth Carousel — Cinematic 3D image carousel
Turn a plain row of images into a cinematic 3D cover-flow. The focused image sits sharp and forward while the rest curve back into space with real perspective, depth blur and soft edge fades — the kind of motion that makes a landing page feel expensive.
It's driven the way people expect: scroll the wheel or drag to move through the deck. Spring physics smooth every transition, and cards snap into place with natural momentum when you let go. One shared motion value powers all slides, so it stays buttery even with large images.
Features
True 3D depth — rotateY, translateZ and adjustable perspective
Scroll-, wheel- and drag-driven, with spring snapping & momentum
Progressive depth blur + soft backdrop-blur edges
Editorial index counter and per-slide captions
Fully responsive, works on any section width
Respects prefers-reduced-motion; clean static preview on the canvas
Fully customizable Card size, spacing, side scale, depth, curve angle, perspective, spring stiffness & damping, blur amount, edge fade, corner radius, colors and label font — all from the property panel. No code required.
Perfect for Portfolios, photography, product showcases, hero galleries, case studies and agency sites.
How to use Drop it on any page, open the Slides control, add your images — done. Preview or publish to interact (drag & scroll run live, not on the static canvas).
Depth Carousel — Cinematic 3D image carousel
Turn a plain row of images into a cinematic 3D cover-flow. The focused image sits sharp and forward while the rest curve back into space with real perspective, depth blur and soft edge fades — the kind of motion that makes a landing page feel expensive.
It's driven the way people expect: scroll the wheel or drag to move through the deck. Spring physics smooth every transition, and cards snap into place with natural momentum when you let go. One shared motion value powers all slides, so it stays buttery even with large images.
Features
True 3D depth — rotateY, translateZ and adjustable perspective
Scroll-, wheel- and drag-driven, with spring snapping & momentum
Progressive depth blur + soft backdrop-blur edges
Editorial index counter and per-slide captions
Fully responsive, works on any section width
Respects prefers-reduced-motion; clean static preview on the canvas
Fully customizable Card size, spacing, side scale, depth, curve angle, perspective, spring stiffness & damping, blur amount, edge fade, corner radius, colors and label font — all from the property panel. No code required.
Perfect for Portfolios, photography, product showcases, hero galleries, case studies and agency sites.
How to use Drop it on any page, open the Slides control, add your images — done. Preview or publish to interact (drag & scroll run live, not on the static canvas).
