---
title: "3D Rotating Card — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Mohd Qasim · Cards. Customizable 3D rotating card for Framer"
canonical: "https://framer.elliotli.dev/component/3d-rotating-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/3D Rotating Card

# 3D Rotating Card

Customizable 3D rotating card for Framer

[View on Framer](https://framer.com/marketplace/components/3d-rotating-card/?via=elliot-li)

![3D Rotating Card preview image 1](https://framer.elliotli.dev/og/component/3d-rotating-card/fd100c15271201bd/1600x1200.jpg)

## 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
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #9310

## Details

- **Author**: Mohd Qasim
- **Price**: $5.00
- **Published**: 2025-12-05
- **Updated**: 2026-06-16
- **Added**: 2025-11-30
- **Categories**: Cards

## More like this

-   [BlogX Blog Card](/component/blogx-blog-card) — Themomarket · $8 — Blog Framer Component
-   [FluxPrice](/component/fluxprice) — Jeshan Athulesh · $49 — Elevate your SaaS conversion rate in minutes with FluxPrice.
-   [Feature Ribbon Cards](/component/feature-ribbon-cards) — Studio Digital · Free — Interactive image feature cards
-   [Dynamic Pricing Calc](/component/dynamic-pricing-calc) — Dmitry Vorobey · $12 — Pricing cards with live calculator