---
title: "Tilt Text — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ahmet Loca · Text. Tilt Text FX is an interactive 3D text component for Framer."
canonical: "https://framer.elliotli.dev/component/tilt-text"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Tilt Text

# Tilt Text

3D Tilt Text: Hover & Scale

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

![Tilt Text preview image 1](https://framer.elliotli.dev/og/component/tilt-text/213e726430097f5a/1600x1200.jpg)

## Summary

Tilt Text FX is an interactive 3D text component for Framer.

## Description

**MORE FRAMER COMPONENTS LIKE THIS**

**✦ Browse +38 FREE + 85 premium components:** [**https://frameze.com/components**](https://frameze.com/components)

**✦ Get everything for one price:** [**https://ahmetloca.dub.link/allcomponents**](https://ahmetloca.dub.link/allcomponents)

## **About Tilt Text**

**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

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

-   All · #7188

## Details

- **Author**: Ahmet Loca
- **Price**: $5.00
- **Published**: 2026-06-17
- **Updated**: 2026-09-29
- **Added**: 2026-06-17
- **Categories**: Text

## More like this

-   [Text Reveal Effect](/component/text-reveal-effect) — Lera · $4 — Text reveal effect over "ghost" layer.
-   [Soft Heading](/component/soft-heading) — Kaisa A · Free — Animated Soft Heading in 2 colors
-   [Curved Text Marquee](/component/curved-text-marquee) — Ahmet Loca · Free — Animated Bend
-   [Type Write Effect](/component/type-write-effect) — Russet Supply · Free — Animated Text & Interactive Typing