---
title: "3D Spotlight & Tilt — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Yusuf Kaan USTA · Interactive. 3D card with mouse-tracking"
canonical: "https://framer.elliotli.dev/component/3d-spotlight-tilt"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/3D Spotlight & Tilt

# 3D Spotlight & Tilt

3D card with mouse-tracking

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

![3D Spotlight & Tilt preview image 1](https://framer.elliotli.dev/og/component/3d-spotlight-tilt/7afaf24e2bed2320/1600x1200.jpg)

## Summary

3D card with mouse-tracking

## Description

Add polished 3D interaction to any Framer card with smooth mouse-tracking tilt and spotlight effects. Built with spring-based motion for natural, responsive movement, with controls for tilt strength, perspective, stiffness, damping, and border radius. Simply add your card and customize the interaction to fit your design.

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

-   All · #6754

## Details

- **Author**: Yusuf Kaan USTA
- **Price**: $4.00
- **Published**: 2026-09-10
- **Updated**: 2026-09-10
- **Added**: 2026-09-10
- **Categories**: Interactive

## More like this

-   [Velvet Curtain](/component/velvet-curtain) — Sarthak Prakash · $12 — Cinematic curtain reveal effect
-   [Image-Compare Slider](/component/image-compare-slider) — Studio Digital · Free — Reveal what changed, beautifully
-   [Lesson Packages](/component/lesson-packages) — Shelfless Studio · $9 — Lesson bundles with savings shown
-   [Deskbell AI Chatbot](/component/deskbell-ai-chatbot) — NS. Studio · Free — AI site chat, works with Chatbase