Back to ASCII Art LibraryShader ID · city-e26496eb-0f05
Thryvane MonospaceAuthor:@Guilherme Borges

City

#Retro#Animated#Pixel#Minimal#Mosaic#Crt

Live Shader Parameters

Cell Size49px
Contrast81%
Brightness0%
Tint Color#8b5a2b
# Thryvane ASCII Shader: City

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

## Architecture & Tokens
- Canvas Base: Thryvane Minimal Dark aesthetic (#090909 background, #141414 surface-1, #262626 hairline border).
- Cell Size: 49px monospace typography.
- Accent Tint: #8b5a2b.
- Contrast: 81%, Brightness: 0%.
- Post-processing: Bloom (disabled), Halftone (disabled), Vignette (disabled).
- 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