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.

Sunset Horizon

"sunset over the ocean with deep water"

Aurora Borealis

"northern lights over arctic landscape"

Neon Noir

"cyberpunk neon in the dark"

How it works

Three steps to perfect

01

Describe

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

Generating
""
02

Edit

Fine-tune colors, drag vertices, and adjust blob radii until it feels right.

03

Export

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

background: radial-gradient(
ellipse at 30% 40%,
#a855f7 0%,
#ec4899 100%
);
CSS

Everything you need
to create

AI Generation

Describe it.
AI builds it.

Describe a mood or aesthetic. AI creates a unique mesh gradient from your words — no color theory needed.

Ready
"dreamy purple sunset over calm water"

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.

PNGSVGCSS

PNG & SVG

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

CSS Export

Production-ready code

Copy production-ready CSS and drop it straight into your project. Supports mesh-gradient, linear, and radial fallbacks.

.mesh-gradient {
background: radial-gradient(
ellipse at 30% 40%,
#6d28d9 0%,
#ec4899 60%,
);

Start creating
beautiful gradients

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