---
title: "GlowBlob Text Reveal — Framer component · Best of Framer"
description: "$15.00 · Framer component · by Univis · Text. Reveal text with a sweeping gradient"
canonical: "https://framer.elliotli.dev/component/glowblob-text-reveal"
---

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

# GlowBlob Text Reveal

Reveal text with a sweeping gradient

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

![GlowBlob Text Reveal preview image 1](https://framer.elliotli.dev/og/component/glowblob-text-reveal/8602540bd6d19fda/1600x1200.jpg)

## Summary

Reveal text with a sweeping gradient

## Description

Gradient Text Reveal animates any text in like it's being painted on. The text sits dim until a soft, blurred gradient blob travels across it, leaving each glyph lit in color before it resolves to a clean final state. It's a code component, so it stays sharp at any size and runs on real text, not an image.

**What you can control:**

-   **Reveal mode** — whole block at once, or line by line with adjustable stagger
    
-   **Colors** — four gradient stops plus a final resting color
    
-   **Gradient** — linear with angle, radial, or diamond, and how far it travels with the blob
    
-   **Blob glow** — strength, spread, and blend mode
    
-   **Grain** — amount, size, and blend for a touch of texture
    
-   **Trigger** — on appear, on scroll into view, or linked to scroll position
    
-   **Replay** — play once and rest, or replay each time it re-enters view
    
-   **Tagging** — Select correct accessibility tags
    

Drop it in as a hero heading, a section title, or a single word you want people to actually notice. Set your colors, pick a trigger, done.

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

-   All · #10860

## Details

- **Author**: Univis
- **Price**: $15.00
- **Published**: 2026-06-05
- **Updated**: 2026-06-05
- **Added**: 2026-05-30
- **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