gradient

Animated gradients for web UIs. Self-hosted. Free to use.

Documentation

Try a preset

/01

INSTANT

Runs in the browser. No loading spinners, no CDN.

/02

SELF-HOSTED

Drop it into any project. Tweak it fast.

/03

FREE

Full generator access. Export for code and design.

/04

OPEN SOURCE

Runtime is MIT-licensed. Or wire it up yourself.

Install it and use it your way.

npm install gradient-runtime

How it works

  1. 1

    Pick a preset

    Pick one you like or hit random.

  2. 2

    Customize

    Tweak palette, motion, warp, and post-processing.

  3. 3

    Export

    Export for code or design.

Want to wire it up yourself? It's open source.

GitHubX