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