Créez des formes complexes visuellement : clip-path avec points déplaçables, blobs par bruit de Perlin, border-radius. Export CSS, Tailwind, JSX. Simulateur daltonisme intégré.
La propriété clip-path découpe un élément HTML selon une forme géométrique. Cet outil permet de faire glisser les points directement sur l'aperçu pour un contrôle visuel total.
Les blobs utilisent un algorithme de bruit de Perlin/Simplex pour créer des contours organiques naturels. Ajustez la complexité et la graine (seed) pour des formes uniques.
Oui, il applique des filtres SVG basés sur le modèle de Brettel-Viénot avec des matrices LMS pour simuler fidèlement la protanopie, deutéranopie et tritanopie.
Absolument. Les boutons dédiés génèrent le code Tailwind CSS (avec syntaxe [clip-path:...]) et JSX pour React. Le code CSS natif est toujours disponible.
Cliquez sur « Partager URL » : tous les paramètres sont encodés dans le hash de l'URL. Envoyez le lien, votre collègue retrouvera exactement la même configuration.
Oui, 100% gratuit, sans inscription et sans publicité. Toutes les formes créées vous appartiennent.
Découvrez aussi notre générateur d’arrière-plans CSS