Gradient Lab

The second project of the “52 sites in 2026” challenge: a fast productivity tool with a smooth, immersive experience and no heavy UI library.

Concept

A colour lab to fine-tune gradients (linear, radial, conic), with post-processing effects (grain, blur).

Key features

• Real-time editor — Direct control of colour stops, angles and gradient types.

• Smart export — Automatic CSS, Tailwind and SCSS code generation.

• User experience — Undo/redo, dark/light mode and local saving.

• Sharing — Unique links encoding the gradient's full state.

Tools

React · Vite · CSS Variables · Context API · Vercel