About Circular 3D Carousel
A customizable 3D card carousel for Framer with circular layouts, drag and swipe interaction, momentum, snapping, clickable cards, responsive scaling, and touch support.
Built for portfolios, case studies, product showcases, galleries, team pages, featured content, and interactive Framer websites where a standard horizontal slider feels a little too ordinary.
Three 3D orientation modes
Face Cards continuously rotate to face the viewer as they travel around the circular path. This creates the cleanest and most readable presentation, making it ideal for portfolio projects, case studies, products, articles, or any carousel where the content should remain front-facing.
Torus Cards rotate together with the circular ring, creating a more physical and sculptural 3D object. The carousel feels closer to an actual rotating wheel or torus in space, with stronger perspective and more dramatic movement.
Plane Cards keep a fixed orientation while their position moves around the 3D circle. This produces a different spatial effect where the geometry of the carousel becomes more visible and the cards feel suspended within the scene.
Interaction
Drag with a mouse or swipe horizontally on touch devices to rotate the carousel.
Momentum creates a natural inertial movement after release, while optional snapping smoothly brings the nearest card into focus.
Clicking or tapping a side card brings it to the front. Once a card is centered, its own Framer link or interaction remains active, so the entire card can work naturally as a project, product, article, or navigation link.
Vertical touch gestures remain available for normal page scrolling.
