Circular Orbit Image Gallery with smooth center-to-orbit reveal and 3D hover depth. Ideal for creative showcases, portfolios, hero sections, and interactive visual storytelling.
Made with Workshop
Build your own component with AI
Circular Orbit Image Gallery (CarouselBloom) brings cinematic motion to your layouts. Images emerge in sequence, starting from a center reveal and expanding outward into a perfect circular orbit. Each element subtly reacts to cursor movement, creating a captivating 3D depth effect that makes your visuals feel alive.
Ideal for portfolios, product galleries, interactive hero banners, and immersive showcases, this component blends smooth animation with flexible customization so you can adapt it to any design style.
Sequential center-to-orbit animation for smooth visual storytelling
3D proximity interaction that responds naturally to cursor movement
Adjustable radius, image count, and offsets for complete layout control
Customizable image size, border radius, and tangent alignment
Tunable spring physics for natural motion and responsiveness
Supports up to 36 images with real-time control in Framer
Fully responsive, no code required, and easy to adapt to any theme
Hero sections that need motion and visual impact
Creative image or product showcases
Portfolio displays highlighting artwork or photography
Landing pages that want to stand out with motion design
Interactive galleries for immersive web experiences