Noise
Film grain overlay for photos and pages, from fine 35mm grain to dust, paper and TV static.
Use Noise in your project
Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.
npx shadcn@latest add @react-bits/Noise-TS-TWRelated components
- Crystalized Ball
A glass ball with a crackling electric rim and glowing dust that swirls with the cursor.
- Fade Content
Wrapper that fades content in on scroll, plain or out of focus, from washed-out gray, or through grain, mist and pixel blocks.
- Metallic Paint
Liquid chrome that flows over your logo or text, adapted from Paper's Liquid Metal shader.