Gallery Circular

Interactive radial image gallery

Circular Gallery is a responsive, SVG-powered component that transforms a list of images into a beautifully arranged radial layout. Each segment behaves independently, allowing users to explore content through smooth hover interactions that scale and gently offset the focused item—without affecting surrounding elements.

Designed for performance and visual clarity, the component avoids layout shifts and maintains perfect stability, even during interaction. Optional continuous rotation adds motion when idle, while hover automatically pauses it for a more controlled experience.

You can customize angles, spacing, inner radius, corner rounding, and hover behavior directly in Framer. Whether you’re building a portfolio, showcasing categories, or creating a unique navigation pattern, this component gives you a flexible and polished solution.

Key features:

• Smooth hover scale and offset (no distortion of other items)

• Radial layout with adjustable sweep, gaps, and inner radius

• Optional continuous rotation with smart pause on hover

• SVG-based rendering for crisp visuals at any size

• Fully responsive and Framer-native property controls