A mesh gradient studio that renders like a paint program, not a CSS demo.
Live demo · Development · License
Meshly is a free, open-source mesh gradient studio. Drop a few colour points on a canvas, drag them until it looks right, and take the result as PNG, SVG or CSS. Everything runs in your browser — nothing is uploaded, no account, no server — and the URL contains your whole gradient, so a link is a save file.
Where most gradient tools stack flat radial layers over a white page, Meshly's engine renders in OKLab over an auto dark base tone derived from your palette. Overlaps gain light instead of washing out to grey, and the corners stay alive — the difference between a gradient that looks painted and one that looks stacked.
- OKLab mesh engine — perceptual blending with per-point weight and falloff (Gaussian / linear / sharp), an auto dark base tone, and edge bleed so points near the frame keep the corners alive.
- Canvas-first studio — the gradient is the hero on a near-black stage. Drag the points, or select one to tune its colour, weight and falloff in the rail.
- Four focused tabs — Mesh (points, base, bleed, presets), Grade (brightness, contrast, saturation, hue, grain), Frame (size, ratio, templates) and Motion (a living drift).
- Restrained preset library — a small set of two- and three-point meshes; the dark base does the third colour's job.
- Export that matches the screen — copy-paste CSS, download an SVG, or render a PNG up to 300 DPI straight from the live canvas.
- The URL is the file — every gradient is encoded into the address, plus a local autosave. Copy Link shares the exact design.
- Undo / redo and keyboard shortcuts — full edit history;
Cmd/Ctrl+Z,Cmd/Ctrl+Shift+Z,Cmd/Ctrl+E,?. - Responsive — a right rail on desktop, a bottom sheet on mobile, one pointer path for mouse, pen and touch.
- Free & client-side — no tracking, no sign-up, no paywall. Open source under GPL-3.0.
meshly.pages.dev — no install required.
Setup, scripts, project layout and contributing live in docs/DEVELOPMENT.md.
Meshly is licensed under the GPL-3.0-only license.