Passer au contenu principal
Uddatak

Générateur de mise en page CSS Grid & Flexbox

Basculez entre Grid et Flexbox, ajustez le nombre de colonnes et de lignes ou la direction et l'alignement des éléments flexibles et l'espacement entre eux, avec un aperçu en direct de boîtes colorées dans le conteneur, puis copiez le code CSS exact.

Outils Design et CSS Fonctionne entièrement dans votre navigateur

Tout le traitement se fait sur votre appareil — rien n'est envoyé à un serveur.

1
2
3
4
5
6

Code CSS

display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 12px;

Continuer avec

Entièrement local

Générateur de clip-path CSS

Choisissez une forme prédéfinie (cercle, triangle, étoile, bulle de message...) et copiez le code clip-path.

Outils Design et CSSOuvrir l'outil
Entièrement local

Générateur de courbe d'accélération Cubic Bezier

Faites glisser deux points pour concevoir visuellement une courbe d'accélération personnalisée et copiez le code cubic-bezier.

Outils Design et CSSOuvrir l'outil
Entièrement local

Générateur Glassmorphism CSS

Concevez visuellement un effet de carte en verre dépoli et copiez le code CSS prêt à l'emploi.

Outils Design et CSSOuvrir l'outil

Outils similaires

Entièrement local

Convertisseur de texte en écriture manuscrite

Transformez du texte tapé en une image qui ressemble à de l'écriture manuscrite sur papier ligné, avec plusieurs styles d'écriture.

Outils Design et CSSOuvrir l'outil
Entièrement local

Générateur de blobs et motifs d'arrière-plan SVG

Générez une forme organique aléatoire (blob) ou un motif d'arrière-plan répétitif sans couture en SVG, et copiez ou téléchargez-le.

Outils Design et CSSOuvrir l'outil
Entièrement local

Générateur d'animations CSS Keyframe

Concevez une animation CSS visuellement (apparition, glissement, zoom, rebond, rotation, retournement) et obtenez un code @keyframes prêt à l'emploi.

Outils Design et CSSOuvrir l'outil
Entièrement local

Générateur d'harmonie de palette de couleurs

Choisissez une couleur de base et obtenez une palette de couleurs harmonieuse (complémentaire, analogue, triadique, tétradique, monochromatique).

Outils Design et CSSOuvrir l'outil
Entièrement local

Générateur de dégradé maillé

Créez un arrière-plan en dégradé maillé doux et multipoint en un clic, et copiez le code CSS prêt à l'emploi.

Outils Design et CSSOuvrir l'outil

Prêt à essayer Uddatak ?

Parcourez la bibliothèque complète d'outils et commencez à utiliser ce dont vous avez besoin dès maintenant — gratuit, sans inscription.

Parcourir tous les outils