Grainient
Flowing grainy gradients you can stir with the cursor.
Use Grainient 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/Grainient-TS-TWRelated components
- Iridescence
Liquid iridescent surface with shifting folds that you can stir with the cursor.
- Ballpit
A soft-lit pit of physics balls you can shove with the cursor, grab, throw and blast apart.
- Lightning
Crackling, branching lightning that bends toward the cursor and strikes wherever you click.