Mesh is best viewed on desktop

Complain about it
Mesh Gradient - Create beautiful gradients | Product Hunt Embed



Mesh is a simple way to create beautiful gradients using WebGL shaders.

Click anywhere to add a point and drag to warp the effects of the gradient.

Shift + left click to remove a point.

Cmd/Ctrl + Z (+ Shift) to undo and redo.

Created by Burak Aslan

Aspect ratio

Create something neat? Send me a tweet!
Report problem

Welcome to Mesh

Mesh is a simple way to create beautiful, unique gradients using shaders

Input points

These points will determine what color to show on the ouput

Output points

This will be your final design that allows warping. Hold Shift + Click to remove points