Circular 3D Carousel

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.