---
title: "Text Highlighter Pro — Framer component · Best of Framer"
description: "$2.00 · Framer component · by Crezenith · Text. Animated text highlights for Framer"
canonical: "https://framer.elliotli.dev/component/text-highlighter-pro"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Text Highlighter Pro

# Text Highlighter Pro

Animated text highlights for Framer

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

![Text Highlighter Pro preview image 1](https://framer.elliotli.dev/og/component/text-highlighter-pro/2484adbc1be3fc74/1600x1200.jpg)

## Summary

Animated text highlights for Framer

## Description

**Text Highlighter helps you create bold, animated text highlights for modern Framer websites without extra setup.**

Use it to emphasize key words in hero headlines, landing pages, feature sections, portfolios, SaaS pages, and marketing copy. The component is built to be flexible, responsive, and easy to customize directly from the Framer control panel.

You can control the headline text structure, highlight content, colors, background padding, height, radius, rotation, vertical offset, alignment, max width, responsive typography, and scroll-triggered reveal animation.

**What you can customize:**

-   Text Before, Highlight Text 1, Highlight Text 2, and Text After
    
-   Inline or block highlight mode
    
-   Highlight background color, padding, height, radius, offset, and rotation
    
-   Separate font settings for L, M, and S breakpoints
    
-   Text alignment and max width per breakpoint
    
-   Scroll-based highlight reveal animation
    
-   Animation duration, delay, easing, replay behavior, and trigger amount
    

Text Highlighter is lightweight, flexible, and designed to help your headlines feel more polished, expressive, and attention-grabbing inside Framer.

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

-   All · #6019

## Details

- **Author**: Crezenith
- **Price**: $2.00
- **Published**: 2026-06-06
- **Updated**: 2026-06-05
- **Added**: 2026-05-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