---
title: "3D Cursor Tilt Cards — Framer component · Best of Framer"
description: "$11.00 · Framer component · by Alexej Luft · Cursors. 3D Cursor Tilt Cards Add a premium, cursor-aware 3D scene to any Framer site — tilt, spotlight and scroll effects that feel genuinely high-end."
canonical: "https://framer.elliotli.dev/component/3d-cursor-tilt-cards"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/3D Cursor Tilt Cards

# 3D Cursor Tilt Cards

Spotlight Hover & Scroll Effects

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

![3D Cursor Tilt Cards preview image 1](https://framer.elliotli.dev/og/component/3d-cursor-tilt-cards/3e805099be903176/1600x1020.jpg)

## Summary

3D Cursor Tilt Cards Add a premium, cursor-aware 3D scene to any Framer site — tilt, spotlight and scroll effects that feel genuinely high-end.

## Description

## 3D Cursor Tilt Cards

Add a premium, cursor-aware 3D scene to any Framer site — tilt, spotlight and scroll effects that feel genuinely high-end. Two ready sections in one component (a full-height intro and a card scene) with a live theme switcher. No code needed.

### Who it's for

Designers, agencies and founders who want a high-end interactive section — hero, feature, portfolio or landing — without coding the motion or hiring a developer.

### What it does

-   **3D cursor tilt** — cards tilt toward the pointer with adjustable intensity and speed.
    
-   **Mouse-following spotlight** — light tracks the cursor across the scene for a glassy, premium feel.
    
-   **Scroll choreography** — buttery spring scroll; plants scale, grow and fade as you move down.
    
-   **Hover motion** — hover-zoom and tilt on imagery, a directional glow border, aurora glow and tactile press buttons.
    
-   **4 live theme presets** — Blue Botanical, Green Conservatory, Amber Garden and Nocturne, switched by a pill on the page.
    

### Fully editable in Framer (no code)

Property controls for all text, the cards (label, title, description, link, images), default theme, theme switcher on/off, background images, tilt intensity and hover speed. Theme colours and assets are editable in the file via a guided comment header.

### Built for production

Responsive (single-column on phones), 60fps GPU animations that pause off-screen, reduced-motion aware, no runtime external fonts — approved on the Framer marketplace.

### What you get — Double-Pack

The ready component to drop onto any canvas, plus a remix link to the full editable project (coded + native). Bonuses: step-by-step guide, a Framer-Agent and a ChatGPT/Claude prompt, a commercial license, lifetime updates and a 7-language guide pack.

### Support & updates

Email support and free lifetime updates. Live demo included.

**Keywords:** 3d tilt card framer, cursor tilt effect, hover spotlight component, scroll reveal section, interactive hero component, no-code 3d effect.

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

-   All · #8227

## Details

- **Author**: Alexej Luft
- **Price**: $11.00
- **Published**: 2026-06-24
- **Updated**: 2026-07-05
- **Added**: 2026-06-24
- **Categories**: Cursors

## More like this

-   [Ribbon Hero](/component/ribbon-hero) — Divyesh WebCraft · Free — 3D ribbon with smooth motion
-   [Spider Hunt](/component/spider-hunt) — Karim Saif · $6 — ٍpider that tracks your cursor
-   [Pixel Fluid](/component/pixel-fluid) — Jamik · $12 — Fluid cursor trail in pixels/ASCII
-   [CursorImageTrail](/component/cursorimagetrail) — princeee · $20 — Image Trail is a dynamic Framer component that creates an immersive hover experience by displaying a sequence of images that trail behind…