3D Cursor Tilt Cards

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.