Generator

Choose a generator

Start from a catalog gradient, or build your own from scratch with a mesh of color points.

Presets

Pick any of the 465 catalog gradients, preview it as a block or gradient text, and copy Tailwind, CSS3, or React.

Place your own color points and build a custom mesh gradient from scratch.

Build a gradient background sized for Instagram, frame it with padding, download as PNG.