Dither Field
An animated WebGL2 background of Bayer-dithered square dots. The dots follow a light pattern, an image or a video, take one color or a three-stop ramp, and brighten under the pointer.
- Library
- Magic UI
- Framework
- React
- Type
- ui
- License
- MIT
- Install
npx shadcn@latest add @magicui/dither-field- Files
apps/www/registry/magicui/dither-field.tsx
- Source
- https://github.com/magicuidesign/magicui
Categories
- Backdrop Components
- React Backdrop Components
- Tailwind CSS Backdrop Components
- Animated Backdrop Components
- Noise Background Components
- React Noise Background Components
- Tailwind CSS Noise Background Components
- Animated Noise Background Components
- Shader Background Components
- React Shader Background Components
- Tailwind CSS Shader Background Components
- Animated Shader Background Components