component
3D Rotating Card
By Mohd Qasim
Details
- Mohd QasimAuthor
- componentType
- $5.00Price
- 2025-12-05Published
- 2026-06-16Updated
- 2025-11-30Added
- CardsCategories
Summary
Customizable 3D rotating card for Framer
Description
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
Introduction
Customizable 3D rotating card for Framer
Rank history
Daily rank per list, from the first snapshot โ lower is better.
- All ยท #6456