Smooth Circle Hover

A smooth 3D circular hover component designed to showcase image cards with elegant animations and immersive interactions.

Key features

3D hover animationCards lift and rotate smoothly on hover, creating a premium, tactile effect.

Circular layout structureImages are arranged in a perfect circle with responsive scaling and spacing.

Interactive perspectiveBuilt with perspective and rotation for realistic 3D depth.

Auto-return behaviorCards return seamlessly to their default state when not hovered.

Use cases

• Interactive image galleries

• Creative portfolio showcases

• Engaging landing page hero sections

• Modern storytelling visuals

Customization

• Adjust the number of cards, size, and spacing.

• Refine perspective, rotation, and scaling for unique styles.

• Replace images and centre text easily.

• Combine with other Framer components for advanced layouts.

Create immersive, interactive 3D visuals that bring your designs to life and grab attention instantly.