Beautiful gradients.
Made with AI.

Describe any vibe and get a unique mesh gradient you can edit and export in seconds.

meshli.ai
Describe your gradient vibe...

Describe a vibe to create a gradient

One prompt. Infinite vibes.

Every gradient is generated from a simple text description.

Emerald Tide

"tropical ocean breeze"

Solar Flare

"warm sunset glow"

Monochrome

"minimal stone texture"

How it works

Three steps to the perfect gradient

From idea to production-ready asset in seconds.

1

Describe

Type a mood, aesthetic, or vibe. AI turns your words into a mesh gradient.

2

Edit

Fine-tune colors, drag vertices, and adjust blob radii until it's perfect.

3
background: linear-gradient(
135deg,
#6366f1,
#8b5cf6);

Export

Copy CSS, download PNG or SVG — ready to drop into your project.

Everything you need to create

Generate, edit, and export — all in one place.

AI generating...
"dreamy purple sunset"

AI Generation

Describe a mood or aesthetic. AI creates a unique mesh gradient from your words.

Color Editing

Pick any vertex and fine-tune its color with a full picker.

Vertex Control

Drag control points to reshape how colors flow across the mesh.

Blob Mode

Adjust each color's spread radius for tight accents or broad washes.

PNG & SVG

Download high-res PNGs or scalable SVGs for any use case.

background: mesh-gradient(
4x4,
#6366f1 at 0% 0%,
#ec4899 at 100% 100%
);

CSS Export

Copy production-ready CSS and drop it into your project.

Start creating gradients

No design skills needed. Describe what you want and let AI do the rest.