What is Circular 3D 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.

Main 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.