Interactive Images

This Interactive Image Deck presents cards along a smooth circular arc using modern CSS offset-path positioning. Each card gently floats to create depth, dynamically adjusts spacing on hover, and visually separates nearby cards for better focus and clarity. When selected, a card animates to the center, scales up smoothly, and dims the background with a soft blur, delivering a cinematic, spotlight-style interaction.

The component features hover glow effects for visual emphasis and fine-grained control over spacing, radius, lift, scale, and animation timing. Built with GPU-friendly transforms and intuitive Framer property controls, it’s ideal for premium galleries, portfolios, and interactive showcases that require elegance, clarity, and polished motion.

✨ Key Features

• Cards arranged along a smooth circular arc using CSS offset-path

• Dynamic hover spacing that separates nearby cards naturally

• Click interaction that brings a card to the center with smooth scaling

• Subtle floating motion to add depth and visual interest

• Optional hover glow and brightness for focused emphasis

• Fully customizable controls for spacing, radius, scale, and animation

• Performance-optimized animations using GPU-friendly transforms

• Built-in Framer property controls for easy visual editing

🎯 Best For

• Premium image galleries and visual showcases

• Portfolio sections highlighting featured work

• Product or concept presentations

• Editorial-style layouts and landing pages

• Interactive Framer components and templates