Drop the component onto your canvas
Upload an image or SVG
It renders instantly as ASCII
No setup, no dependencies, just drag, drop, and adjust.
Image – Upload or replace the source image
Character Density – Control overall ASCII detail density
Exposure – Adjust overall brightness levels
Contrast – Increase light–dark separation
Shadows – Boost depth in darker regions
Background Color – Set the canvas background color
ASCII Text Color – Set the ASCII character color
ASCII Font Weight – Control ASCII character boldness
Randomizer – Add subtle embossed randomness for a 3D glitch effect
Custom Characters – Define a custom ASCII character palette
Glyph Drift – Enable subtle character variation for a more dynamic feel
Glowy Text – Add a soft glow for a CRT-style text effect
Portfolio visuals and case-study covers
Posters
Generative experiments and typographic art
Hero sections that don’t want to look like hero sections
Creating textural backdrops or supporting visuals
💡This component works best when you treat it as one step in a larger creative process
The above visuals were made using this component as a key part of the process, helping define the overall visual style and direction.(It works well on its own, but also pairs naturally with other design tools to build visuals that resonate with you)
If you have ideas for improvement, want to collaborate, or just feel like talking about design, feel free to reach out! I’m always all ears for design conversations and constructive feedbacks
Email: rishhhuiux@gmail.com
X: @rishhhjam
Instagram: @rishhh.jam
Rishab Kapuria
