grain

SVG-based film grain noise and radial gradient effects

Active Updated 7mo ago

A visual experiment demonstrating dynamically scaled SVG-based film grain noise combined with stacked radial gradients. Built with TypeScript and Preact, deployed as a lightweight static site. Showcases techniques for creating organic, film-like textures using pure SVG filters without raster images, with real-time scaling that maintains quality at any resolution.

§01

Gallery

Built with
Experiment Image Generation Preact TypeScript Visualization Web App