Skip to content

component

Ring Gallery FX

By Hasan Wali

Details

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

Introduction

Interactive Circular Image Gallery

Rank history

Daily rank per list, from the first snapshot — lower is better.

125015001750184618/319/39/79/119/15
  • All · #7752