---
title: "Spiral Gallery FX — Framer component · Best of Framer"
description: "$14.00 · Framer component · by Hasan Wali · Carousels. 3D media gallery driven by scroll"
canonical: "https://framer.elliotli.dev/component/spiral-gallery-fx"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/Spiral Gallery FX

# Spiral Gallery FX

3D media gallery driven by scroll

[View on Framer](https://framer.com/marketplace/components/spiral-gallery-fx/?via=elliot-li)

![Spiral Gallery FX preview image 1](https://framer.elliotli.dev/og/component/spiral-gallery-fx/f0caa636bbce4a8e/1600x1200.jpg)

## Summary

3D media gallery driven by scroll

## Description

[Preview Demo](https://jumpy-customer-555913.framer.app)

**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 [hasanwali6890@gmail.com](mailto:hasanwali6890@gmail.com)

**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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #8401

## Details

- **Author**: Hasan Wali
- **Price**: $14.00
- **Published**: 2026-09-16
- **Updated**: 2026-09-16
- **Added**: 2026-09-16
- **Categories**: Carousels

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow