---
title: "ASCII reveal FX — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Hasan Wali · Effects. ASCII image transitions on scroll"
canonical: "https://framer.elliotli.dev/component/ascii-reveal-fx"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/ASCII reveal FX

# ASCII reveal FX

ASCII image transitions on scroll

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

![ASCII reveal FX preview image 1](https://framer.elliotli.dev/og/component/ascii-reveal-fx/ed45ccae349cb6b5/1600x1200.jpg)

## Summary

ASCII image transitions on scroll

## Description

**About this Component**

Haytham ASCII Reveal transforms an image stack with a scroll-driven ASCII dissolve. Instead of a simple wipe or crossfade, each transition is carried by a customizable grid of characters that scatters across the reveal edge for a tactile, digital look.

**Perfect For:**

Creative portfolios, editorial layouts, launch pages, art direction, product storytelling, and experimental landing pages.

**Key Features:**

• Upload up to 12 responsive images • Two scroll modes: Internal or Framer Scroll Sections • In Sections mode, each Scroll Section controls one image transition • Transition begins when the section top reaches the bottom of the viewport • Section height determines the duration of that transition • Adjustable cell size, colors, glyph set, font, spread, scatter, core width, and sparsity • Cover/Contain image fitting with X/Y focal-point controls • Responsive, static-renderer safe, and optimized to pause off-screen • No external animation library required

**How It Works:**

Use Internal mode for an automatically detected scroll track, or switch to Sections and enter your Framer Scroll Section IDs in order. Image 1→2 uses ID 1, Image 2→3 uses ID 2, and so on. For N images, use N−1 section IDs.

**Questions?**

Reach out at [hasanwali6890@gmail.com](mailto:hasanwali6890@gmail.com)

**Refund Policy**

All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.

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

-   All · #9534

## Details

- **Author**: Hasan Wali
- **Price**: $12.00
- **Published**: 2026-09-05
- **Updated**: 2026-09-05
- **Added**: 2026-09-05
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo