---
title: "Pill Text Reveal — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Honcho · Text. Pill Text Reveal is a premium Framer text component that creates a clean block-to-text reveal as users scroll."
canonical: "https://framer.elliotli.dev/component/pill-text-reveal"
---

[Home](/)/[Components](/components)/[Text](/components/category/text)/Pill Text Reveal

# Pill Text Reveal

Scroll-reactive pills that reveal text

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

![Pill Text Reveal preview image 1](https://framer.elliotli.dev/og/component/pill-text-reveal/10e96ecbc6165248/1600x1200.jpg)

## Summary

Pill Text Reveal is a premium Framer text component that creates a clean block-to-text reveal as users scroll.

## Description

Pill Text Reveal is a premium Framer text component that creates a clean block-to-text reveal as users scroll.

Words first appear as rounded pill blocks, then progressively transition into readable text. The result is a polished editorial motion style that works well for storytelling sections, manifesto copy, and feature intros.

### Features

-   Scroll-reactive word reveal animation
    
-   Pill block to text transition
    
-   Fully customizable typography via Framer Font controls
    
-   Adjustable block color, text color, radius, spacing, and padding
    
-   Responsive by default and safe for duplicated instances
    

### Controls

-   **Font**: Set family, weight, size, line-height, and letter-spacing
    
-   **Paragraph**: Main text content to animate
    
-   **Text**: Final revealed text color
    
-   **Block**: Initial pill block color
    
-   **Radius**: Corner roundness of each pill
    
-   **Gap**: Vertical spacing in the text wrapper
    
-   **Padding**: Inner spacing around the component
    

### Best for

-   Saas and futuristic-style layouts
    
-   Product storytelling sections
    
-   Body text
    

### Notes

For best readability, use strong contrast between text and background, and keep paragraph length moderate for smoother visual pacing.

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

-   All · #7078

## Details

- **Author**: Honcho
- **Price**: $8.00
- **Published**: 2026-04-16
- **Updated**: 2026-04-21
- **Added**: 2026-04-13
- **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