Outils design gratuits

Créez des codes QR pour les URL, le Wi-Fi, les vCards et le texte brut. Téléchargez au format PNG ou SVG.

Convertissez SVG en modèle Vue SFC.

Créez des dégradés CSS linéaires et radiaux avec aperçu en direct – code prêt à copier.

Créez visuellement une ombre de boîte CSS avec un aperçu en direct : copiez du CSS prêt pour les cartes et les boutons.

Créez visuellement des mises en page flexbox – justifiez, alignez et écartez avec la copie CSS.

Éditeur visuel de rayon de bordure avec contrôle par coin – copiez le raccourci CSS.

Réduisez le rapport comme 1920:1080 à 16:9.

Générez CSS clamp() pour le dimensionnement des fluides.

Générateur de disposition de grille Visual CSS.

Générez une échelle de type fluide avec une pince.

Générez du CSS en verre dépoli.

Générez un simple tableau HTML.

Générez du CSS neumorphique d'interface utilisateur logicielle.

Réduisez et nettoyez le balisage SVG.

Code SVG en aperçu en direct.

Créez une feuille de sprite SVG.

Convertissez SVG en composant React.

Prévisualisez le HTML avec les classes Tailwind CDN.

Concevez une ombre de texte CSS avec aperçu en direct : copiez l'extrait pour les titres.

Générateurs de couleurs, de dégradés et de conception CSS dans un seul espace de travail.

Extrayez les palettes et vérifiez le contraste.

Choisissez, convertissez et explorez les couleurs — palettes et convertisseurs dans le navigateur.

Extrayez les palettes des images, vérifiez le contraste WCAG, convertissez les espaces colorimétriques et générez des ombres CSS.