This component no longer exists. It was in react-bits’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-01 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.

Grainient

react-bits-reactbits/Grainient-JS-CSS

RemovedComponent

Grainy gradient swirls with soft wave distortion.

Live preview

live · rendered by the registry

Rendered by react-bits on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://raw.githubusercontent.com/Mayne19/ui-kit/main/references/free-open-source/react-bits/repo/public/r/Grainient-JS-CSS.json

What it pulls in

npm packages

ogl@^1.0.11

Files it writes

Grainient/Grainient.css
Grainient/Grainient.jsx