MonoInk.js - Live Demo
Render web content with a retro screen effect. Use the controls on the right to see the effects in action!
Quick Preview
MonoInk applies authentic retro computer display effects:
- Pixelation - Chunky, low-resolution blocks
- Dithering - Black/white dot patterns for grayscale simulation
- High Contrast - Pure black/white conversion
- Backlight - Vintage CRT monitor colors
Try it: Enable pixelation + dithering for the classic retro look!
Sample Image
See how effects are applied to images in real-time:
Basic Usage
<script src="monoink.js"></script>
<script>
const monoInk = new MonoInk({
pixelation: true,
pixelDensity: 4,
dithering: true
});
monoInk.render();
</script>See the README for complete documentation and examples.