Cyclorama

Conventional 3D carousels put the viewer outside a ring of cards. Cyclorama inverts it: the camera is at the axis, the panels face inward, and the horizon culls whatever passes behind you.

Everything is CSS 3D, so the panels stay crisp at any zoom and text inside them remains selectable and accessible.

What is included

• Nine presets across drum radius and panel count

• Horizon culling prevents reversed panels showing through

• Drag, scroll and autoplay inputs can be combined

Cyclorama: an inside out gallery carousel you stand inside

Slides map onto the inner surface of a cylinder that surrounds the camera, so browsing reads as turning your head inside a 360 degree room rather than spinning an object in front of you. Drag it, throw it, scroll it or step it with the arrow keys. Every panel is your own image or video.

What you get

• 6 room presets: Gallery Room · Observation Deck · Museum · Vertigo · Kiosk · Cathedral

• 2 layouts: Seamless Wall where panels meet edge to edge, and Floating Panels with air between them

• 7 cursor styles: Label Pill · Dot · Ring · Compass · Arrows · Crosshair · Invert. The Compass reads out your live bearing

• 4 indicators: Progress Bar · Dots · Index · None. Dots are clickable and travel the shortest way round

• Full geometry: radius, perspective, panel height and width, field of view, tilt, seam gap and corner radius

• Depth shaping: falloff, depth blur and an edge vignette

• Momentum drag, wheel and trackpad panning, arrow key stepping, optional snap and a slow auto drift

• An optional control panel your visitors can use on the live site, including uploading their own image or video

• Captions with full typography control, plus room, frame and text colours you can theme

• Pauses off screen, respects reduced motion, and shows a crisp static frame in the editor

Drop it in as a full bleed hero, a portfolio section, a case study or a product room.

What’s included:

• Remix link to the Component.

• Free updates. The remix link always carries the latest version

• Email support: support@premshandilya.com

License: Single-user license. Use Cyclorama in unlimited personal and commercial Framer projects, including client work. Reselling, redistributing, or repackaging the component or its source code as your own asset is not permitted.

Refunds: This is a non-refundable digital product, so try the live demo before purchasing. If anything doesn’t work as shown, email me and I’ll fix it fast.