About Inside Sphere

Inside Sphere turns your photographs into an endless, inward-curving 3D gallery for Framer. Drag, swipe or scroll to explore, and use the reload icon to enjoy the opening animation again.

Mobile Experience First

Beautiful on desktop, designed to feel natural on phones and tablets. Direct touch dragging, generous images and a clean full-screen layout create a calm, engaging mobile experience. Fully responsive, with four demo breakpoints at 390, 810, 1200 and 1600 px and fluid sizing between them.

Make it yours

Replace images and alt text in Framer. Adjust image size, spacing, corners, curvature, stagger, background, mobile scale, drag sensitivity, glide and automatic motion. The compact reload pill uses a neutral gradient icon with an editable colour and accessible label. Use the full viewport or a defined frame inside your page. Everyday changes need no code editing.

What you get

Framer code component and installation link
React/TypeScript source
Setup guide and two customisation prompts
Component licence and update policy

For your own story

Ideal for photographers, wedding and family studios, portfolios and artwork collections. The baby photos are AI-generated demo images, intended to be replaced with your own. Only Inside Sphere is included. No full template, project access, Remix link or other current or future components. Demo images are not a stock-photo pack.

Good to know

Supports 1–200 image entries with automatic repetition. Keyboard controls and reduced-motion preferences are supported. Animation requires WebGL2; a static arrangement is shown otherwise. No lightbox, image links or direct CMS connection. Inside the gallery, scrolling moves the images.

$7 once. Framer plans and optional AI services are separate; applicable taxes appear at checkout. Try the live demo on your phone and make it yours.

Inside Sphere