PhotoOrbit transforms your images into a captivating interactive dome gallery. Users can click-and-drag to explore a dynamic photo sphere where every image smoothly rotates in 360°
Make it with Workshop
Build your own component with AI
Showcase your visuals in a stunning curved gallery that glides side to side like a cinematic carousel.PhotoOrbit arranges your images on a dynamic 3D dome that rotates left and right with smooth drag control perfect for portfolios, product demos, or eye catching hero sections.
✨ Key Features
Horizontal 3D Orbit – Drag to rotate the dome left and right for a panoramic effect.
Immersive Grid Layout – Images are distributed across a curved 3D surface for depth and motion.
Modal Preview – Click any tile to view it larger in a sleek, customizable modal.
Responsive Design – Automatically adapts to any screen size while keeping the dome effect intact.
Style Controls – Adjust dome size, grid density, border radius, background color, and grayscale filters—right inside Framer.
Optimized Performance – Lightweight and smooth even with large image sets.
⚙️ Customization Options
Fine-tune every detail directly inside Framer’s right panel controls:
Images – Add, remove, or reorder your gallery items.
Dome Size & Min Radius – Control the overall scale and depth of the horizontal dome.
Grid Density – Decide how many image tiles wrap around the dome.
Drag Sensitivity – Set how quickly the dome reacts to left/right dragging.
Drag Dampening – Smooth out motion for a natural glide effect.
Image Border Radius – Round or square the image tiles to match your design style.
Modal Width & Height – Define the size of the enlarged image view.
Modal Border Radius – Add rounded corners or keep them sharp in the modal.
Background Color – Choose any solid color or match your site theme.
Tiles / Modal Grayscale – Toggle grayscale effects for the dome tiles or the modal preview.
💡 Perfect For
Creative portfolios
Product showcases
Interactive landing pages
Futuristic hero sections
🎯 Why PhotoOrbit?
Smooth • Responsive • No coding required
Fully customizable inside Framer
Works seamlessly on desktop and mobile
Customization: