Back to ASCII Art LibraryShader ID · cfd-7ad92e95-5663-
Thryvane MonospaceAuthor:@ding ding

cfd

#Retro#Pixel#Colorful#Neon#Glitch#Crt

Live Shader Parameters

Cell Size14px
Contrast115%
Brightness0%
Tint Color#00ff66
# Thryvane ASCII Shader: cfd

## Objective
Implement a production-grade, interactive ASCII shader component named "cfd" within the Thryvane Design System.

## Architecture & Tokens
- Canvas Base: Thryvane Minimal Dark aesthetic (#090909 background, #141414 surface-1, #262626 hairline border).
- Cell Size: 14px monospace typography.
- Accent Tint: #00ff66.
- Contrast: 115%, Brightness: 0%.
- Post-processing: Bloom (enabled), Halftone (disabled), Vignette (enabled).
- Responsive: Support fluid scaling on Mobile (375px), Tablet (768px), and Desktop (1440px).
- Accessibility: Respect prefers-reduced-motion with static fallback and proper ARIA labels.

More ASCII Shaders

earth ASCII shader
RetroShader
Interactive

earth

by Camille Pelisson10px cells
#Retro#Animated#Pixel
HandArt ASCII shader
RetroShader
Interactive

HandArt

by Camille Pelisson12px cells
#Retro#Animated#Colorful
dither ASCII shader
RetroShader
Interactive

dither

by dborg74110px cells
#Retro#Pixel#Colorful
qwdqwd ASCII shader
RetroShader
Interactive

qwdqwd

by ddd13px cells
#Retro#Animated#Colorful