Retour aux projets

GradientframeÉditeur de dégradés CSS

Conception, design & développement2026-09
Next.jsTypeScriptTailwind CSS

Un éditeur de dégradés CSS conçu pour explorer, comparer et affiner rapidement un effet.

Je l'ai créé après avoir rencontré moi-même les limites des outils existants : trop de manipulations pour expérimenter, peu de moyens de comparer les variantes et une prévisualisation souvent éloignée du contexte réel.

frontend
Voir en ligne
Gradientframe — Éditeur de dégradés CSS — image 1
1 / 6

Fonctionnalités

  • 58 %

    Manipulation des stops par glissement ou saisie précise

  • Écartement et déplacement de groupes de stops

  • Duplication pour comparer plusieurs variantes

  • Prévisualisation sur image, couleur ou transparence

  • Six formats de frame

  • background-image:
    linear-gradient(128deg,
      rgba(255,255,255,0) 20%,
      rgba(255,255,255,.5) 52%);

    Export CSS

Voir en ligne ↗