Générateur de motifs
Créez des motifs de fond SVG sans raccord parmi près de 2 000 modèles : couleurs, zoom, espacement et angle, puis copiez le CSS ou téléchargez un SVG ou PNG.
1Choisissez un motif
Aucun motif ne correspond à ces filtres.
2Choisissez les couleurs
3Ajustez le motif
4Animez-le (facultatif)
Le motif avance d'un élément entier par boucle : il ne saute donc jamais. Le mouvement est conservé dans le code et le fichier SVG ; les fichiers image restent fixes.
5Copier ou télécharger
Votre titre ici
Voyez comment le motif se place derrière un vrai contenu.
CommencerParcourir par collection
À propos de Générateur de motifs
Le Générateur de motifs transforme près de 2 000 modèles prêts à l'emploi en fonds que vous pouvez régler et utiliser aussitôt. Parcourez 14 collections, des vagues, pois et pavages aux tartans, seigaiha japonais, étoiles islamiques, éventails Art déco, sprites en pixels et camouflages, et voyez chacun dans vos propres couleurs.
Chaque modèle est dessiné en vectoriel et se répète sans raccord visible, à tout zoom et sous tout angle. Modifiez jusqu'à six couleurs, le zoom, la position, l'espacement, l'épaisseur du trait et l'angle, transformez les formes pleines en contours, ou faites bouger le motif avec une animation en boucle. Les motifs génératifs, comme les cartes topographiques, les cellules de Voronoï et les tuiles de Truchet, créent une nouvelle variation à chaque clic.
Quand le résultat vous plaît, copiez-le en CSS, SCSS, configuration Tailwind, SVG intégré, data URI ou composant React, ou téléchargez un fichier SVG, PNG, JPG ou WebP jusqu'à 8000 pixels, y compris un élément seul pour votre propre répétition. Tout se passe dans votre navigateur : rien n'est envoyé et aucun compte n'est nécessaire.
Comment utiliser Générateur de motifs
- Choisissez un motif : cherchez par nom, ou filtrez par collection et nombre de couleurs.
- Choisissez les couleurs avec les sélecteurs, une palette prête à l'emploi ou « Nouvelle palette ».
- Réglez le zoom, la position, l'espacement, le trait et l'angle. Verrouillez les valeurs qui vous plaisent avant d'appuyer sur « Inspirez-moi ».
- Vérifiez le résultat avec les aperçus « Voir l'élément », « Sur une page » et « Dans un texte ».
- Copiez le code ou téléchargez le fichier, et utilisez « Copier le lien » pour retrouver ce motif précis plus tard.