Independence Day Sale

Launch pricing on every bundle

All components

Media Filters

ASCII Filter

Tone-mapped characters cluster where the picture is bright and thin out where it is dark, so the photo reads through the type instead of being replaced.

Live

Preview
Preview
Preview

Each character in the charset is measured for ink coverage at build time, then sorted into bands. Mapping luminance to a band rather than an index is what makes the tonal ramp smooth.

Video sources are decoded at a reduced resolution before sampling, so a full-bleed background video costs a fraction of what a naive implementation would.

What is included

  • Eight presets tuned per charset

  • Coverage bands are measured, not guessed

  • Video optimisation path for full-bleed backgrounds

ASCII Filter: lay tone mapped characters over any image or video.

Characters cluster where your photo is bright and thin out where it is dark, so the picture reads clearly through the type. The image stays visible underneath instead of being replaced. Rendered live in the browser, no code to touch.

What you get

  • Works on images and video. Video is traced live, so the characters follow the footage as it plays

  • 8 presets: Bloom · Truecolor · Ink · Ghost · Blur · Neon · Datastream · Editorial

  • 18 character sets: Standard · Detailed · Minimal · Signal · Code · Math · Hex · Binary · Digits · Letters · Greek · Katakana · Dots · Braille · Stars · Geometric · Arrows · Blocks, plus any characters you type yourself

  • Coverage picks which tones carry the type: Highlights, Midtones, Shadows or Full

  • Colour from the photo itself, plain white, or your own, over 5 blend modes: Normal, Screen, Add, Multiply, Overlay

  • Blur softens the photo while the characters stay sharp and carry the detail

  • 7 motions: Shimmer · Pulse · Wave · Scan · Rain · Sparkle · Flicker, or hold it still

  • Optional in canvas panel so visitors can switch presets and upload their own image or video

  • Every control stays editable on any preset. Presets never lock anything

  • Pauses off screen, respects reduced motion, and draws a crisp static frame in the editor

Drop it behind a hero, on a card, or across a full bleed banner.

What’s included:

  • Remix link to the Component.

  • Free updates. The remix link always carries the latest version

  • Email support: support@premshandilya.com

License: Single-user license. Use ASCII Filter in unlimited personal and commercial Framer projects, including client work. Reselling, redistributing, or repackaging the component or its source code as your own asset is not permitted.

Refunds: This is a non-refundable digital product, so try the live demo before purchasing. If anything doesn’t work as shown, email me and I’ll fix it fast.

Buy this component

$10

$12

20% off

License

Single user

$10

Multi user

$14

Released

Presets

8

Category

Media Filters

PRESETS

Presets included

8 INCLUDED

Newsprint · Risograph · Thermal · Litho · Duotone · Soft Screen · High Contrast · Fine Grain

Every preset is a complete look you can ship as it comes. The raw controls sit underneath if you want to go further.

USE CASE 01

Hero backgrounds

ASCII Filter dropped straight onto the canvas, running a preset you can ship as it comes.

Use case
Use case

USE CASE 02

Case study covers

ASCII Filter dropped straight onto the canvas, running a preset you can ship as it comes.

USE CASE 03

Product shots

ASCII Filter dropped straight onto the canvas, running a preset you can ship as it comes.

Use case

SETUP

From download to shipped

01

Download

Copy the component into your Framer project. One file, no dependencies, no setup script.

02

Pick a preset

Every component opens on a named look you can actually ship. Adjust from there if you want to.

03

Ship it

Off-screen pausing and reduced-motion support are already wired. Nothing to remember, nothing to audit.