SphereFlow 3D brings a stunning, fully interactive 3D sphere carousel straight into your Framer projects. Perfect for main heroes, creative portfolios, or feature showcases, this component lets you display images in an immersive three dimensional space. Visitors can easily drag, spin, and click items, making your site feel dynamic, premium, and highly engaging without touching a single line of code.
It arranges your images into a beautiful, rotating 3D sphere that responds naturally to user inputs. The component handles smooth auto rotation across both X and Y axes, manages drag sensitivity with realistic inertia damping, and applies depth blur to create a realistic sense of focus. It automatically highlights hovered items .
Sphere layout: Control the total item count, adjust the sphere radius, scale individual item sizes, tweak perspective depth, and change the overall container sizing to fit any layout.
Motion & physics: Toggle auto rotation on or off, set specific speeds for X and Y rotation, adjust drag sensitivity, enable pause on hover, and fine tune inertia damping for fluid movement.
Styling & effects: Customize item border radius and border colors, configure depth blur, and set near or far fog colors to seamlessly blend the sphere into your background.
Interaction & links: Enable click to open behavior, set default target links, choose whether to open links in a new tab, show or hide labels, and fully customize label fonts.
Portfolio projects and work showcases
Immersive hero sections on landing pages
Visual moodboards and gallery displays
Product feature highlights
Dynamic team or client logo grids
If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I’d love to see what you create.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb
SphereFlow 3D brings a stunning, fully interactive 3D sphere carousel straight into your Framer projects. Perfect for main heroes, creative portfolios, or feature showcases, this component lets you display images in an immersive three dimensional space. Visitors can easily drag, spin, and click items, making your site feel dynamic, premium, and highly engaging without touching a single line of code.
It arranges your images into a beautiful, rotating 3D sphere that responds naturally to user inputs. The component handles smooth auto rotation across both X and Y axes, manages drag sensitivity with realistic inertia damping, and applies depth blur to create a realistic sense of focus. It automatically highlights hovered items .
Sphere layout: Control the total item count, adjust the sphere radius, scale individual item sizes, tweak perspective depth, and change the overall container sizing to fit any layout.
Motion & physics: Toggle auto rotation on or off, set specific speeds for X and Y rotation, adjust drag sensitivity, enable pause on hover, and fine tune inertia damping for fluid movement.
Styling & effects: Customize item border radius and border colors, configure depth blur, and set near or far fog colors to seamlessly blend the sphere into your background.
Interaction & links: Enable click to open behavior, set default target links, choose whether to open links in a new tab, show or hide labels, and fully customize label fonts.
Portfolio projects and work showcases
Immersive hero sections on landing pages
Visual moodboards and gallery displays
Product feature highlights
Dynamic team or client logo grids
If you ship something cool with it, post it on X and tag me @Dulajweb , or send it over. I’d love to see what you create.
Questions or feedback? Reach me anytime: dulajdilshan766@gmail.com or on X @Dulajweb
