Pixlated: Film Grain Effects with Web Components

Pixlated: a web component library that adds film grain effects to images and backgrounds using the Canvas API.

Key features:

• Two components: <pixlated-image> and <pixlated-bg>
• Zero dependencies, built on native Web Components
• High-performance Canvas rendering
• Works with any framework or vanilla JS
• Fully responsive with automatic retina display support

Check it out if you need authentic film grain effects without heavy dependencies.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo