---
title: "ASCII Reveal  — Free Framer component · Best of Framer"
description: "Free Framer component · by Abderrahim · Effects. ASCII Reveal Image Animation"
canonical: "https://framer.elliotli.dev/component/ascii-reveal"
---

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

# ASCII Reveal

ASCII Reveal Image Animation

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

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

## Summary

ASCII Reveal Image Animation

## Description

### ASCII Image Reveal — Framer Component

Overview A fully interactive Framer component that transforms any image into a scrambling ASCII animation before revealing the original photo with a smooth cinematic fade.

### How it works

The component samples the image and converts it to pure black and white using a threshold or dithering algorithm. Each pixel is mapped to an ASCII character — dense symbols like # and @ for dark areas, light dots for bright areas. Characters appear in a randomized order, glitching and scrambling before locking into place. Once all cells settle, the original image fades in cleanly.

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

-   All · #1014

## Details

- **Author**: Abderrahim
- **Published**: 2026-05-13
- **Updated**: 2026-06-09
- **Added**: 2026-04-29
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows