Generatore di layout CSS Grid e Flexbox

Passa da Grid a Flexbox, regola il numero di colonne e righe oppure la direzione e l'allineamento degli elementi flessibili e lo spazio tra loro, con un'anteprima live di riquadri colorati dentro il contenitore, poi copia il codice CSS esatto.

Strumenti di design e CSS Funziona interamente nel tuo browser

Tutta l'elaborazione avviene sul tuo dispositivo — non viene inviato nulla a un server.

Colonne3Righe2Spaziatura (Gap)12px

Codice CSS

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

Continua con

Completamente locale

Generatore di clip-path CSS

Scegli una forma predefinita (cerchio, triangolo, stella, fumetto...) e copia il codice clip-path.

Strumenti di design e CSSApri strumento

Completamente locale

Generatore di curve cubic-bezier

Trascina due punti per progettare visivamente una curva di accelerazione personalizzata e copia il codice cubic-bezier.

Strumenti di design e CSSApri strumento

Completamente locale

Generatore di glassmorphism CSS

Progetta visivamente un effetto vetro smerigliato e copia il codice CSS pronto all'uso.

Strumenti di design e CSSApri strumento

Strumenti correlati

Completamente locale

Convertitore da testo a grafia manuale

Trasforma un testo digitato in un'immagine che sembra scritta a mano su un foglio a righe, in diversi stili di scrittura.

Strumenti di design e CSSApri strumento

Completamente locale

Generatore di blob e pattern di sfondo SVG

Genera una forma organica (blob) casuale o un pattern di sfondo ripetibile in SVG, e copialo o scaricalo.

Strumenti di design e CSSApri strumento

Completamente locale

Generatore di animazioni CSS keyframe

Progetta visivamente un'animazione CSS (comparsa, scorrimento, zoom, rimbalzo, rotazione, capovolgimento) e ottieni il codice @keyframes pronto all'uso.

Strumenti di design e CSSApri strumento

Completamente locale

Generatore di armonia palette colori

Scegli un colore base e ottieni una palette di colori armoniosa (complementare, analoga, triadica, tetradica, monocromatica).

Strumenti di design e CSSApri strumento

Completamente locale

Generatore di gradiente mesh

Crea uno sfondo con gradienti di colore morbidi e multipunto (mesh gradient) con un clic, e copia il codice CSS pronto all'uso.

Strumenti di design e CSSApri strumento

Vuoi provare Uddatak?

Sfoglia la libreria completa di strumenti e inizia subito a usare ciò di cui hai bisogno — gratis, senza registrazione.

Vedi tutti gli strumenti