Gradient Lab

Deuxième projet du challenge « 52 sites en 2026 » : construire un outil de productivité performant, à l'expérience fluide et immersive, sans librairie d'interface lourde.

Concept

Un laboratoire de couleurs pour manipuler précisément les dégradés (linéaire, radial, conique), avec des effets de post-traitement (grain, flou).

Fonctionnalités clés

• Éditeur en temps réel — Manipulation directe des arrêts de couleur, des angles et des types de dégradés.

• Export intelligent — Génération automatique du code CSS, Tailwind et SCSS.

• Expérience utilisateur — Annuler / rétablir, mode sombre / clair et sauvegarde locale.

• Partage — Liens uniques qui encodent l'état complet du dégradé.

Outils

React · Vite · CSS Variables · Context API · Vercel