Spiral Gallery FX

3D media gallery driven by scroll

Preview Demo

About this Component

Spiral Gallery is a responsive WebGL media gallery that wraps images and videos around a 3D helix and drives the full sequence from page scroll. Cards climb through the spiral while guide lines counter-move and oversized headlines sweep across the viewport for a cinematic, editorial feel.

Perfect For

• Creative portfolios • Agency & studio sites • Case studies • Fashion & editorial • Art direction • Product showcases

Key Features

• Mix images and muted looping videos across up to 9 media slots • Individual link for every media item • Optional ripple, refraction, dent, tilt, glow, and grow hover interaction • Custom top/bottom headlines and tagline • Native Framer font controls and text-position controls • Background, text, guide color, and guide opacity controls • Responsive desktop, tablet, and mobile framing • Adjustable scroll follow delay and WebGL resolution • Static-renderer support and offscreen rendering pause • Natural page scrolling with no scroll hijacking

How It Works

Place the component inside a 100vh sticky frame, then place that frame inside a taller scrolling section. The height of the outer section determines the scroll duration. Add your media, links, copy, and styling from Framer’s property panel, then publish.

Questions? Reach out at [email protected]

Refund Policy

All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component has a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer’s remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.