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.
Designers, agencies and founders who want a high-end interactive section — hero, feature, portfolio or landing — without coding the motion or hiring a developer.
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.
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.
Responsive (single-column on phones), 60fps GPU animations that pause off-screen, reduced-motion aware, no runtime external fonts — approved on the Framer marketplace.
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.
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.
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.
Designers, agencies and founders who want a high-end interactive section — hero, feature, portfolio or landing — without coding the motion or hiring a developer.
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.
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.
Responsive (single-column on phones), 60fps GPU animations that pause off-screen, reduced-motion aware, no runtime external fonts — approved on the Framer marketplace.
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.
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.
Alexej Luft
