About this Component
Transform any image or video into a living ASCII-inspired visual experience. Dither Media converts media into animated character-based textures in real time, creating a distinctive retro-futuristic aesthetic that works beautifully as a background, hero section, artwork display, or interactive visual layer.
Whether you're using a static image, looping video, or abstract motion graphics, Dither Media continuously renders your content using customizable character ramps, density settings, colors, and visual controls.
How to Use
Drop the component onto your page and choose either an image or video source. Adjust the cell size, character ramp, colors, contrast, brightness, and other visual settings directly from the properties panel. Use it as a full-page background, section accent, or standalone visual element.
Features
Supports both images and videos
Real-time ASCII / dithering-style rendering
Custom character ramps for unique visual styles
Adjustable cell size and density
Original, monochrome, and custom color modes
Brightness and contrast controls
Optional color inversion
Custom background colors
Flexible object fit options
Works as a background or standalone element
Fully responsive across all screen sizes
Lightweight and easy to customize
