Photo Sphere
Bring your visuals to life. Photo Sphere adds a dynamic 360° floating image effect to any section, perfect for bold launches and creative portfolios.
Made with Workshop
Build your own component with AI
Bring your visuals to life. Photo Sphere adds a dynamic 360° floating image effect to any section, perfect for bold launches and creative portfolios.
Made with Workshop
Build your own component with AI
Photo Sphere is an interactive, full-screen hero component for Framer. It takes an array of images and animates them in a circular, gravitational pattern (like a black hole), creating depth and motion without any manual animation work. It’s great for portfolios, product pages, or landing pages where you want a bold, immersive first impression.
Automatically positions and animates dozens of images around the viewport.
Smooth inward motion, rotation, and scaling to simulate depth.
Adjustable background color and animation speed from Framer’s right-hand panel.
Built-in static preview for the canvas, so it looks good while designing.
Add the PhotoSphere component to your Framer project from your components panel.
In the right-hand Properties panel, upload your images (an array of responsive images).
Adjust the Background color to fit your site design.
Set Animation Speed to control how fast the images move.
Resize the frame to full-width and full-height for a hero effect, or use it in a section with fixed dimensions.
As a hero section at the top of a landing page.
As a background effect behind a headline or call to action.
On portfolio pages to showcase project thumbnails.
In creative campaigns where immersive visuals are important.
