Generatore di motivi
Crei motivi SVG per sfondi senza giunture da quasi 2000 disegni: cambi colori, zoom, spaziatura e angolo, poi copi il CSS o scarichi SVG, PNG o WebP.
1Scegliere un motivo
Nessun motivo corrisponde a questi filtri.
2Scegliere i colori
3Regolare il motivo
4Animarlo (facoltativo)
Il motivo si sposta di un tassello intero a ogni ciclo, quindi non salta mai. Il movimento resta nel codice e nel file SVG; i file immagine restano fermi.
5Copia o scarica
Il Suo titolo qui
Veda come appare il motivo dietro contenuti reali.
Inizia oraSfoglia per collezione
Informazioni su Generatore di motivi
Il generatore di motivi trasforma quasi 2000 disegni già pronti in sfondi che può regolare e usare subito. Sfogli 14 collezioni, dalle onde, i pois e le tassellazioni ai tartan, al seigaiha giapponese, alle stelle islamiche, ai ventagli Art déco, agli sprite pixel e ai mimetici, e veda ciascuno nei Suoi colori.
Ogni disegno è realizzato come grafica vettoriale e si ripete senza giunture visibili, con qualsiasi zoom e a qualsiasi angolo. Cambi fino a sei colori, lo zoom, la posizione, la spaziatura, lo spessore del tratto e l'angolo, trasformi le forme piene in contorni oppure lasci muovere il motivo con un'animazione ciclica. I motivi generativi, come le mappe topografiche, le celle di Voronoi e i tasselli di Truchet, possono produrre una nuova variante a ogni clic.
Quando il risultato è giusto, lo copi come CSS, SCSS, configurazione Tailwind, SVG inline, URI dei dati o componente React, oppure scarichi un SVG, PNG, JPG o WebP di qualsiasi dimensione fino a 8000 pixel, compreso un singolo tassello per la Sua ripetizione. Tutto avviene nel browser: non viene caricato nulla e non serve alcun account.
Come usare Generatore di motivi
- Scelga un motivo: cerchi per nome oppure filtri per collezione e numero di colori.
- Scelga i colori con i selettori, con una palette già pronta o con «Nuova palette».
- Regoli zoom, posizione, spaziatura, tratto e angolo. Blocchi i valori che preferisce prima di premere «Ispirazione».
- Lo verifichi con le anteprime «Mostra il tassello», «In una pagina» e «Nel testo».
- Copi il codice o scarichi il file, e usi «Copia link» per tornare più tardi a questo stesso motivo.