---
title: "EmberText — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Hamim Reza · Text. EmberText is a scroll-pinned text reveal component for Framer where each block of copy approaches from a distance, holds at the front, then…"
canonical: "https://framer.elliotli.dev/component/embertext"
---

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

# EmberText

Cinematic scroll text that ignites

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

![EmberText preview image 1](https://framer.elliotli.dev/og/component/embertext/a40f286af487b013/1600x1200.jpg)

## Summary

EmberText is a scroll-pinned text reveal component for Framer where each block of copy approaches from a distance, holds at the front, then burns away glyph by glyph, not a fade,…

## Description

EmberText is a scroll-pinned text reveal component for Framer where each block of copy approaches from a distance, holds at the front, then burns away glyph by glyph, not a fade, not a typewriter, not a simple blur reveal.

Most scroll text reveal components brighten, unblur, or slide words into view. EmberText scales text in from simulated depth like it's approaching the viewer, then dissolves it outward from a radial ignition point with chromatic fringe glow and film grain.

### **WHAT IT DOES**

Add text blocks, one per scroll section. As the visitor scrolls, each block grows larger as it approaches, holds in focus, then ignites and burns away character by character, revealing the next block behind it.

### **KEY FEATURES**

-   Glyph-by-glyph burn animation with radial ignition order, not left-to-right
    
-   Simulated depth-scroll, text scales as if approaching the viewer
    
-   Chromatic RGB fringe glow on every character, fully color-customizable
    
-   Procedurally generated film grain texture, no image assets required
    
-   Scroll-linked, frame-accurate timing tied directly to scroll position
    
-   Optional scroll hint and running section counter
    
-   Reduced-motion fallback renders a clean static stack automatically
    
-   Adjustable scroll length per section for pacing control
    
-   Full typography and color controls
    
-   Zero third-party dependencies, single self-contained code component
    

### **WHY IT WORKS**

Scroll text reveal is a saturated category, nearly every version fades or brightens words. EmberText is built around consumption instead of appearance, text arrives, holds, then is destroyed to make way for the next line.

### **PERFECT FOR**

Manifesto pages, brand storytelling sections, agency case studies, and any Framer site that wants scroll-driven text with real cinematic weight.

### **WHAT'S INCLUDED**

A single drop-in code component. Add your text sections and tune scroll length, glow colors, grain, and typography through property controls.

Drop it in, add your copy, and let it burn.

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

-   All · #6998

## Details

- **Author**: Hamim Reza
- **Price**: $9.00
- **Published**: 2026-08-31
- **Updated**: 2026-08-31
- **Added**: 2026-08-31
- **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