ASCII Reveal

ASCII Reveal Image Animation

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.