Interactive Images

Interactive cards in a dynamic arc.

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

Interactive cards in a dynamic arc.