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