3D Rotating Card

Use code NEW10 to receive 10% off on all my components.

Overview

Interactive 3D card component for Framer featuring smooth Y-axis rotation of glowing shadow with bouncing card face. Fully responsive with smart auto-sizing that prevents overflow. Built with preserve-3d transforms and CSS animations for reliable canvas + live site performance.​

Key Features

• 🎛️ 15 Property Controls - Size, colors, speeds, angles, glow effects

• 📐 Smart Auto-Sizing - Card scales perfectly within any container (600-900px)

• 🔄 Dual Animations - Shadow rotates continuously + card bounces up/down

• 🛡️ Overflow Protection - Dynamic padding + hard limits prevent clipping

• 🎨 Full Customization - Colors, perspective, tilt angles, animation timing.

Best Features

• ✨ Rotating Glow Shadow - Realistic 3D light effect with customizable blur/intensity

• 📱 Perfect Responsiveness - Scales flawlessly from small to large containers

• 🔧 Fine Control - Card scale (0.2-0.35), height position, X/Y rotation

• 🚀 Performance Optimized - Pure CSS animations, no heavy libraries