Ring Gallery FX

Interactive Circular Image Gallery

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