Skip to content

component

3D Rotating Card

By Mohd Qasim

Details

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.

120014001600164568/148/228/309/79/15
  • All ยท #6456