Vertical 3D Spindle
A scroll-powered vertical 3D carousel with smooth snapping and depth animation.
Made with Workshop
Build your own component with AI
About this Component
3D Scroll Carousel is a fully scroll-driven 3D gallery component that transforms your images into a rotating cube-style carousel. As the user scrolls, each panel animates in 3D space—creating a smooth spindle rotation with seamless snap points for a premium interactive experience.
The background can animate between slide colors, and optional navigation dots stay synced to scroll position using native scroll-timeline. Every animation is built with pure CSS (no heavy JS), ensuring high performance across devices.
Perfect for hero sections, product showcases, editorial layouts, and immersive portfolio storytelling.
Features
Scroll-driven 3D cube rotation
Fully customizable image slides
Background color transitions
Smooth vertical snap scrolling
Optional synced navigation dots
Pure CSS scroll-timeline animations
Adjustable cube size & perspective
