pixlated-image
Add noise texture to images
0.5
<script src="https://unpkg.com/pixlated/src/pixlated.js"></script>
<pixlated-image
src="photo.jpg"
intensity="0.5"
width="400"
height="400"
alt="Alt Description"
/>pixlated-bg
Add noise texture to background elements
Background
This is a grainy background effect perfect for hero sections and or any element that needs texture.
0.2
<script src="https://unpkg.com/pixlated/src/pixlated-bg.js"></script>
<pixlated-bg
intensity="0.2"
color="#09090b"
>
<h1>Noisy Background</h1>
<p>Content here...</p>
</pixlated-bg>