Interactive Arc Deck — Fluid arc card with tactile hover motion

Interactive Arc Deck is a motion-forward visual component inspired by the natural behavior of fanned cards. Images are positioned along a smooth circular arc and respond instantly to hover, subtly shifting position and scale to create depth, focus, and hierarchy.

When a card is hovered, nearby cards gracefully move aside while the focused card scales up and emits a soft glow. This interaction feels physical and refined, guiding attention without abrupt motion or visual noise.

The deck is fully customizable, from arc curvature and spread to hover intensity, animation timing, and glow styling. Built using modern CSS motion paths and optimized for performance, Interactive Arc Deck works seamlessly in Framer without external dependencies.

Key Features

• Curved arc-based card deck layout

• Smooth hover interactions with natural card spreading

• Focused card scaling with soft glow feedback

• Adjustable arc size, radius, and center position

• Configurable animation speed and motion feel

• Smart depth ordering with automatic z-indexing

• Responsive image support

• Lightweight and performance optimized

Where to Use

• Portfolio and gallery showcases

• Editorial or storytelling sections

• Hero layouts with visual focus

• Creative landing pages

• Interactive moodboards

Best For

• Designers and creative developers

• Personal and studio portfolios

• Experimental and expressive UI designs

• Visual storytelling projects

• Interfaces that benefit from subtle motion and depth