The Portfolio Sphere is an immersive 3D gallery component built for creators who want to showcase their work in a cinematic, interactive format. Designed as a dynamic rotating sphere, it transforms static portfolios into visually rich experiences, responsive, smooth, and powered by real-time 3D.
Users can drag, zoom, and explore a constellation of images that orbit in space, complete with ambient lighting, animated stars, and touch-based interaction for desktop and mobile.
Simply copy and paste the component into your Framer project.Connect your image assets using the Card Images array and watch them arrange themselves around a 3D rotating sphere.Customize properties like rotation speed, sphere size, starfield density, and card spacing from the right-hand panel to create your ideal motion aesthetic.
The Portfolio Sphere includes over 20 customizable controls grouped for flexibility and performance.
Sphere Radius – Control the overall size and curvature of your gallery.
Card Count – Choose how many images orbit around the sphere.
Card Size & Spacing – Adjust proportions and prevent overlapping.
Corner Radius – Add rounded edges for soft, modern visuals.
Image Orientation – Automatically detect or set horizontal/vertical layouts.
Rotation Speed – Fine-tune rotation for slow cinematic motion or energetic spins.
Rotation Direction – Choose clockwise, counterclockwise, or vertical movement.
Zoom Controls – Let users zoom in and out for detail-rich inspection.
Click/Tap to View – Open images in a full-screen lightbox for focus.
Starfield Background – Toggle glowing ambient stars for added depth.
Star Color & Size – Customize star brightness and scale for mood.
Background Color – Set the perfect environment tone for your showcase.
Cinematic 3D Presentation: A floating sphere that transforms portfolios into living, orbiting showcases.
Interactive & Responsive: Drag, zoom, and tap through a real-time 3D environment built for all devices.
Performance Optimized: Uses GPU acceleration and progressive image loading for ultra-smooth rendering.
Customizable Depth: Adjust curvature, speed, and spacing to match your design vision.
Immersive Starfield Mode: Activate stars for a gallery that feels cosmic and alive.
Mobile Friendly: Full touch, swipe, and tap support for seamless mobile interaction.
Portfolios – Showcase your work in an unforgettable 3D format.
Photography & Art – Present high-resolution images in a cinematic, rotating sphere.
Product Galleries – Turn product photos into a futuristic floating showcase.
Interactive Exhibits – Perfect for creative studios, 3D designers, or agencies wanting a “wow” factor.
The Portfolio Sphere redefines how visual work is displayed, blending design, motion, and interactivity into one mesmerizing experience. Whether you’re a designer, photographer, or studio, this component turns your gallery into an orbiting 3D universe.
Made with ❤️ by Dalton Taylor
Dalton Taylor
