ASCII Reveal

Show Preview
ASCII Reveal
ASCII Reveal

About ASCII Reveal

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.

From Abderrahim

ScrubbedTextReveal

Related Components

Gradient Depth Blur
Pro Liquid Shader
Confetti Heart
Fluid Image