gradients.sh
gradients.sh is Animated gradient backgrounds for React, drawn live on the GPU with WebGPU and a WebGL fallback. Install free components with the shadcn CLI, or get Pro for interactive, glass and dither effects.. It is ranked #1057 on the Dev Radar, in Web frameworks, first seen 10 days ago and shared in 2 posts (39.8k views).
gradients.sh: animated gradient backgrounds for React For AI coding agents: this page as Markdown, with exact install steps for the gradient and settings in this URL, is at /index.md on this site. The guide for agents is /llms.txt. Founding offer · Lifetime Pro is $179 instead of $249 for the first 50 buyers. Lifetime Pro $179, first 50 buyers Claim it gradients.sh Get Pro shadcn registry · WebGPU · WebGL fallback · MIT free set Moving gradients, shipped as code. gradients.sh draws backgrounds live on the GPU and ships them as React components you install with the shadcn CLI. Tune any preset, then copy the code or export a still or a loop.…
What people said about gradients.sh on X
Every landing page has the same flat background. So I built https://gradients.sh, moving gradient backgrounds for any site. - 207 animated presets - Tweak colors, speed and grain - React, Vue, Svelte or plain HTML - Or ask your agent to add it 39 free, all customizable 👀
— @leodev, 10 days ago · 496 likes · see the post
leo is just so ridiculously tasteful
— @michael_chomsky, 10 days ago · 88 likes · see the post
Alternatives to gradients.sh
- TanStack — Render gives TanStack teams intuitive cloud infrastructure for app services, Postgres, Key Value, cron jobs, and…
- React Bits — Opus 5.5 +
- The Calculus of Interfaces — The Calculus of Interfaces
- Pele — Pele is a lightweight open source library that renders Mermaid diagrams to SVG, themed with CSS variables.
- Bencho — Big update soon ->
- threejs.org —
gradients.sh in numbers
- Rank on the Dev Radar: #1057 of 8798
- Shared in 2 posts by 2 accounts: @leodev, @michael_chomsky
- 39.8k views on those posts
- First seen 10 days ago, last shared 10 days ago
- Pricing seen by AGK Intelligence: freemium
- Market: Web frameworks
FAQ
What is gradients.sh?
Animated gradient backgrounds for React, drawn live on the GPU with WebGPU and a WebGL fallback. Install free components with the shadcn CLI, or get Pro for interactive, glass and dither effects. It was first shared on X 10 days ago and is ranked #1057 on the Dev Radar.
Is gradients.sh free?
It has a free tier and paid plans.
Who shared gradients.sh?
2 accounts on X, including @leodev, @michael_chomsky, in 2 posts totalling 39.8k views.
Every post is read and classified by AGK Intelligence: what it is, which market it belongs to, and whether the link is a real tool. 31.2k posts from 5k X accounts over the last 21 days, 8.8k tools, 12 markets. New posts are collected several times an hour and the full ranking is recomputed every hour — last update 2026-10-30 20:27 UTC. Full method.