Interactive 3D Card
Bring your designs to life with 3D-hovering cards that dynamically tilt, rotate, and animate on hover — a perfect way to add depth and interactivity to your UI in Framer.
Make it with Workshop
Build your own component with AI
Features & Highlights
Realistic 3D tilt / rotation effect based on cursor position
Smooth transitions and animations
Customizable perspective, depth, and motion speed
Easy to integrate and style directly inside Framer
Works well for card layouts, portfolios, image grids, product previews
Lightweight & performant — optimized for both desktop and mobile
Usage Tips
Drop this component into your Framer project
Adjust rotation sensitivity, transition speed from animation window, and perspective
Add images, text, or layered content inside your card
Combine with other effects (shadows, lighting, parallax) for more richness
