THE NEXT GEN CAROUSEL
An advanced 3D carousel component featuring customizable item bending during rotation, real-time caption rendering using DOM-to-canvas conversion, and smooth, user-responsive camera interaction. Mouse movement dynamically influences the carousel’s orientation, with adjustable sensitivity for fine-tuned control. Ideal for creating interactive, visually engaging presentations of images, categories, or other content.
Trusted by
50.000+ CLIENTS
FWDesign has been creating and innovating since 2000 — over 25 years of pushing the boundaries of what's possible in the browser. With more than 50,000 licenses sold, we've established ourselves as one of the leading creative agencies in the industry.
Created by Elite Author
Trusted by thousands. Built with passion. As an Envato Elite Author, we create standout digital products that push boundaries and set trends.
Powered by Three.js
Circular 3D Carousel is powered by Three.js, bringing together real-time 3D graphics and custom GLSL shaders to create a fluid, immersive scrolling experience.
Fully Customizable
We’ve thought of everything to make your life easier, from clean structure to flexible options, Circular 3D Carousel is built for effortless customization—so you can focus on creativity, not complexity.
Other Features
Responsive Layout
Fully responsive and adaptable regardless of which device is used.
Desktop & Mobile Optimized
Circular 3D Carousel will adapt to any screen size and any device, wheater you are using a mobile phone (IOS, Iphone, Android) or on your desktop browser.
Lazy Scrolling/Loading
Option to initialize Circular 3D Carousel only when it becomes visible on scroll, preventing initialization if it's in an off-screen section. Circular 3D Carousel will load when the user scrolls to the section containing it.
Multiple Display Types
The carousel can be displayed using a responsive layout or an "afterparent" mode, which allows it to adapt based on the size of the parent element.
Customizable Size
The carousel size (width and height) can be set to any dimensions you need, and the Circular 3D Carousel can be added anywhere within your page content.
Parallax
Optional parallax scrolling effect.
Preloader
Optional animated preloader.
Categories Support
Supprt for multiple categories or no single/no category.
Caption
Optional captions for carousel items and for the carousel categories, fully customizable with your own CSS styling.
Customizable Geometry
Adjustable geometry like the carousel radius and carousel items aspect ration and size.
Customizable Item Bend Strength
When the carousel rotates, the bending of each item can be adjusted as needed.
Mouse Rotation
Customizable mouse rotation: as the mouse moves, the camera slightly rotates, and the strength of this effect can be adjusted as needed
Item Noise Animation
Optional item noise animation, the items will add a flag like customizable animation.
Scroll Speed Strength
Adjustable drag speed for smooth, responsive carousel control with the mouse.
Scroll Scale Strength
Adjustable scroll scale strength to control how items scale during scrolling.
Distortion Curve
Adjustable item distortion curve as the carousel is dragged.
Fluid Post-Processing effect
Intro fluid effect.
Post Processing
Various post-processing effects included—mouse ripple, fluid distortion, grid effect, afterimage, bulge, and more.
