Grain Gradient

A breathing color field with flowing shadows, customizable film grain, and soft atmospheric light.

Library

Componentry

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add @componentry/grain-gradient

Files

• packages/ui/src/components/grain-gradient.tsx
• packages/ui/src/lib/utils.ts

Source

https://github.com/harshjdhv/componentry

Categories

• Backdrop Components
• React Backdrop Components
• Tailwind CSS Backdrop Components
• Animated Backdrop Components
• Gradient Background Components
• React Gradient Background Components
• Tailwind CSS Gradient Background Components
• Noise Background Components
• React Noise Background Components
• Tailwind CSS Noise Background Components
• Animated Noise Background Components

More from Componentry

• Animated Gradient
• Aurora Flow
• Dither Gradient
• Prism Gradient
• Silk Aurora
• Annotated Text
• Ascii Effect
• Autocomplete
• Case Study Flip Stack
• Circuit Board
• Closing Plasma
• Collection Surfer