Dev Design Library

Noise Background

A canvas background with animated film-grain noise, soft color blob gradients, 7 built-in themes (or fully custom colors), drifting blob animation, and a vignette.

Noise Background preview
Library
ReactFrame
Framework
React
Type
component
License
MIT
Dependencies
clsx, tailwind-merge
Install
npx shadcn@latest add https://reactframe.com/r/noise-background.json
Files
  • registry/new-york/noise-background/noise-background.tsx
Source
https://github.com/AhmetLoca/reactframe-public

Categories

More from ReactFrame