---
title: "TextScroll Highlight — Free Framer component · Best of Framer"
description: "Free Framer component · by Igor Reif · Text. Apple Style Text Reveal Effects"
canonical: "https://framer.elliotli.dev/component/textscroll-highlight"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/TextScroll Highlight

# TextScroll Highlight

Apple Style Text Reveal Effects

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

![TextScroll Highlight preview image 1](https://framer.elliotli.dev/og/component/textscroll-highlight/dd9464a352df5bfe/1600x1200.jpg)

## Summary

Apple Style Text Reveal Effects

## Description

## An Apple inspired text scroll highlight effects built for cinematic and high end web experiences. Drive headline reveals with color shifts, responsive 3D perspective angles, spatial depth scales and fluid vertical motion.

### FEATURES

-   **_Scroll Driven Color Reveal:_** Seamlessly transition typography from an initial state to a vibrant highlight color tied directly to scroll progress.
    
-   **_3D Perspective & Tilt Controls:_** Apply custom 2D rotation or immersive 3D X/Y perspective angles that straighten automatically as headlines scroll into view.
    
-   **_Spatial Depth & Dynamic Blur:_** Emulate VisionOS aesthetics with word-by-word dynamic scale, Z-axis translate, and adaptive lens blur depth effects.
    
-   **_Elastic Wave Motion (Wave FX):_** Enable organic vertical sine-wave displacements to create fluid, ripples-on-water kinetic text motion.
    
-   **_Letter & Word Splitting:_** Granular control over animation staggering, allowing triggers by individual letters or full word blocks.
    
-   **_Viewport Trigger:_** Fine tune scroll start references (top/center/bottom) and offset percentages, with optional forward, reverse and repeat scroll behaviors.
    

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

-   All · #6103

## Details

- **Author**: Igor Reif
- **Published**: 2026-08-28
- **Updated**: 2026-08-28
- **Added**: 2026-08-28
- **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