3D Rotating Card
Customizable 3D rotating card for Framer with glow shadow, bounce animation, and full property controls. Perfect fit in any container size.
Make it with Workshop
Build your own component with AI
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.
