Grainient

Freemium · grainient.supply

Library of 1000+ gradient backgrounds — grainy, smooth, animated and AI-generated — for download or embedding.

Best for: Use it when you need a ready-made grainy, animated or AI-generated gradient background for a hero section or poster.

Free tier
Some gradients browsable/downloadable free; full 1000+ library and commercial license require a paid plan
Works as
Web app
Tags
gradient, grain, noise, background, css, grainy gradient, mesh gradient, animated gradient, texture, dither, ai background, asset library

Visit grainient.supply ↗

Similar tools

  • Feral UI gradients Free · feralui.dev
    Free mesh, grainy and animated gradient generator.
  • Liquid Orb Editor Free · lersent001.github.io
    Tweakable Siri-style glass orb — export the settings for an AI 'thinking' state.

More in UI components & libraries

  • shadcn/ui Free · ui.shadcn.com
    Open-source React + Tailwind component code you copy into your project and own, built on Radix primitives.
  • Aceternity UI Freemium · ui.aceternity.com
    Copy-paste React/Next.js components and blocks with Tailwind CSS and Motion animations, shadcn-compatible.
  • React Bits Freemium · reactbits.dev
    Open-source library of 170+ animated React components, backgrounds and text effects in JS/TS and CSS/Tailwind flavors.
  • Originkit Freemium · originkit.dev
    Library of 440+ animated web components you can copy as code, use in Framer, or pull in via MCP.
  • Uiverse Free · uiverse.io
    Community library of free, copy-paste UI elements (buttons, loaders, cards) in CSS, Tailwind, React or Figma.
  • Kibo UI Free · kibo-ui.com
    Open-source shadcn/ui component registry with 41 components, blocks and patterns including kanban, gantt, editors and pickers.

All ui components & libraries →