Key Features:
Drag & Rotate: Click and drag to spin the sphere naturally. Adjustable drag speed and smoothness.
Auto-Rotation: Sphere gently rotates when idle to keep your portfolio alive.
Hover Effects: Cards scale up and highlight on hover with smooth interpolation.
Fullscreen Image Preview: Click any card to view a fullscreen modal with your image.
Async Image Loading: No UI freeze — images load progressively while keeping performance smooth.
Customizable Layout: Control radius, card count, size, proximity, and hover scale directly in Framer panel.
Optional Starfield Background: Add 1500+ subtle stars for depth and ambiance.
Fully Responsive: Adapts to any frame size, mobile-friendly, and resizes automatically.
Performance Optimized: GPU-accelerated, reusable geometries, and memory-safe cleanup.
Why it’s perfect for you:PortfolioSphere makes your Framer site stand out by turning ordinary image grids into interactive, 3D experiences. Perfect for portfolios, project showcases, or client presentations. No coding required — just drag, drop, and upload your images.
Customizable Props Include:radius, cardCount, cardWidth, cardHeight, rotationSpeed, dragSpeed, dragSmoothness, hoverScale, proximity, bgColor, showStars, cardImages
Use Cases:
Designer portfolios
Photographer showcases
Product galleries
Client presentations
Installation:Drag the PortfolioSphere component into your Framer canvas, upload your images, and start interacting instantly.
Raj Nishad
