3D Tilt Text is an interactive Framer component that adds realistic cursor-driven tilt, hover scaling, and gradient color effects to headlines. Fully customizable perspective, tilt strength, fonts, and colors — perfect for hero sections & landing pages.
About Component
Tilt Text FX is an interactive 3D text component for Framer. Headlines tilt and scale in real time as the cursor (or finger) moves, with adjustable perspective depth and optional gradient color fills. Lightweight, GPU-friendly and fully responsive with touch support. Perfect for hero sections, portfolios and landing pages.
Real-time 3D tilt that follows your cursor or finger
Adjustable tilt strength, perspective depth & smoothing
Scale-on-hover with custom scale amount
Gradient text fill — horizontal, vertical, diagonal or radial
Auto-fit sizing scales text to any frame width
Full typography controls: weight, spacing, line height & font family
Solid color or gradient background
Demo Mode — live tilt strength slider preview
Touch-friendly on mobile & tablet
Works out of the box — no setup needed
What's Included
4 gradient directions — horizontal, vertical, diagonal & radial
19 property controls across 3 groups
Auto-fit text sizing for any frame
Live Demo Mode with tilt strength slider
Works out of the box, zero config
Use Cases
Hero section headlines & landing pages
Portfolio & personal branding sites
Creative agency & studio websites
SaaS product & feature highlight pages
E-commerce banners & promo sections
Event & conference websites
Editorial & magazine-style headers
Music, gaming & entertainment sites
Fashion & lifestyle brand pages
App & startup landing pages
Keywords
3d tilt text, hover text effect, interactive headline, tilt text, gradient text effect, cursor tilt animation, 3d hover effect, parallax text, text component, animated headline, hover tilt animation, perspective text effect, tilt hover text, hero text, 3d text animation, gradient headline, interactive text, text tilt effect
3D Tilt Text is an interactive Framer component that adds realistic cursor-driven tilt, hover scaling, and gradient color effects to headlines. Fully customizable perspective, tilt strength, fonts, and colors — perfect for hero sections & landing pages.
About Component
Tilt Text FX is an interactive 3D text component for Framer. Headlines tilt and scale in real time as the cursor (or finger) moves, with adjustable perspective depth and optional gradient color fills. Lightweight, GPU-friendly and fully responsive with touch support. Perfect for hero sections, portfolios and landing pages.
Real-time 3D tilt that follows your cursor or finger
Adjustable tilt strength, perspective depth & smoothing
Scale-on-hover with custom scale amount
Gradient text fill — horizontal, vertical, diagonal or radial
Auto-fit sizing scales text to any frame width
Full typography controls: weight, spacing, line height & font family
Solid color or gradient background
Demo Mode — live tilt strength slider preview
Touch-friendly on mobile & tablet
Works out of the box — no setup needed
What's Included
4 gradient directions — horizontal, vertical, diagonal & radial
19 property controls across 3 groups
Auto-fit text sizing for any frame
Live Demo Mode with tilt strength slider
Works out of the box, zero config
Use Cases
Hero section headlines & landing pages
Portfolio & personal branding sites
Creative agency & studio websites
SaaS product & feature highlight pages
E-commerce banners & promo sections
Event & conference websites
Editorial & magazine-style headers
Music, gaming & entertainment sites
Fashion & lifestyle brand pages
App & startup landing pages
Keywords
3d tilt text, hover text effect, interactive headline, tilt text, gradient text effect, cursor tilt animation, 3d hover effect, parallax text, text component, animated headline, hover tilt animation, perspective text effect, tilt hover text, hero text, 3d text animation, gradient headline, interactive text, text tilt effect
