---
title: "Ring Gallery FX — Framer component · Best of Framer"
description: "$11.00 · Framer component · by Hasan Wali · Galleries. Interactive Circular Image Gallery"
canonical: "https://framer.elliotli.dev/component/ring-gallery-fx"
---

[Home](/)/[Components](/components)/[Galleries](/components/category/galleries)/Ring Gallery FX

# Ring Gallery FX

Interactive Circular Image Gallery

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

![Ring Gallery FX preview image 1](https://framer.elliotli.dev/og/component/ring-gallery-fx/274f4a31c87971c0/1600x1200.jpg)

## Summary

Interactive Circular Image Gallery

## Description

**About this Component**

Haytham Ring Gallery is an interactive circular image gallery built for Framer. Images sit around a responsive ring with depth, hover motion, and a cinematic open state. Click any card to bring it into focus, then browse the gallery by scrolling or dragging the cards directly.

**Perfect For:** Portfolio showcases Photography and editorial sites Creative agencies Product or campaign presentations Interactive landing pages

**Key Features:** • Responsive circular card layout • Smooth pointer-reactive push, flip, scale, and 3D tilt • Click-to-open focused gallery view • Scroll and trackpad navigation while open • Natural drag rotation with snap-to-card behavior • Custom SVG close cursor with adjustable size • Background click and Escape-to-close support • Per-image titles and URL links • Animated word-by-word title reveal • Adjustable ring size, radius, card size, perspective, and breakpoint scaling • Image fit, position, colors, and placeholder controls • Off-screen animation pausing for better performance • No external packages or setup required

**How It Works:** Add your images, titles, and optional links in the Images control. Customize the ring and responsive layout, then tune hover motion and the open-preview animation. Visitors can click a card to open the gallery, drag or scroll to browse, click linked cards to navigate, and click the background to close.

**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 suffers 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 · #10391

## Details

- **Author**: Hasan Wali
- **Price**: $11.00
- **Published**: 2026-08-31
- **Updated**: 2026-09-18
- **Added**: 2026-08-31
- **Categories**: Galleries

## More like this

-   [Infinite Pan Canvas](/component/infinite-pan-canvas) — Aisol Studio · $15 — Endless image wall you can drag
-   [CMS Photo Pile](/component/cms-photo-pile) — Marso Angelov · $10 — Draggable Photo Gallery
-   [CMS Infinity Grid](/component/cms-infinity-grid) — 55N · Free — Boundless exploration.
-   [Endless CMS Reel](/component/endless-cms-reel) — Marso Angelov · $10 — Horizontal Momentum Gallery