Generatori

Generatori — 10 strumenti per sviluppatori nel browser, tra cui Generatore di UUID, Generatore di Hash ID e Generatore di dati fittizi. Tutto viene eseguito localmente senza registrazione né caricamenti, i tuoi dati restano privati e i risultati sono immediati.

10 strumenti

Generatore di UUIDStrumento online gratuito per generare UUID v1, v4 e v7 con creazione in blocco e validazione. Gli UUID sono generati nel browser con crypto.getRandomValues(), fino a 1.000 alla volta, e v7 mostra l'ora di creazione.

Generatore di Hash IDGeneratore gratuito di hash ID che crea ID casuali brevi e sicuri per URL in stile nanoid. Imposta lunghezza e alfabeto, genera uno o più ID univoci e copiali per chiavi, slug e token.

Generatore di dati fittiziGeneratore gratuito di dati fittizi basato su faker.js che crea nomi, email e indirizzi realistici. Scegli i campi ed esporta i dati di test in formato JSON, CSV o SQL.

Generatore di codice QRGeneratore di QR code che trasforma testo o URL in un'immagine QR, con dimensione, livello di correzione errori e colori personalizzabili. Scarica subito il PNG, generato gratis nel browser.

Generatore di faviconGeneratore di favicon gratuito per creare favicon da testo, un'emoji o un colore. Scegli font, sfondo e forma e scarica icone PNG pronte in più dimensioni per il tuo sito e la tua app.

Generatore di onde SVGGeneratore di onde SVG online gratuito con editor visivo per forme d'onda morbide. Regola ampiezza, colori e livelli, applica preset pronti all'uso e copia il codice CSS e SVG per sfondi e divisori di sezione.

Generatore di gradiente CSSGeneratore visuale di gradienti CSS lineari, radiali e conici: aggiungi color stop, regola l'angolo e copia il CSS. Perfetto per sfondi e pulsanti, gratis nel browser.

Generatore CSS box-shadowGeneratore CSS box-shadow con controlli per offset, sfocatura, diffusione, colore e inset e anteprima dal vivo dell'ombra. Copia il CSS pronto all'uso, gratis nel browser.

Generatore CSS border-radiusGeneratore CSS border-radius con otto maniglie d'angolo indipendenti, cursori e anteprima dal vivo della forma arrotondata. Copia il CSS pronto all'uso, gratis nel browser.

Generatore CSS FlexboxPlayground CSS Flexbox con editor visuale per justify-content, align-items, flex-direction e wrap e anteprima del layout dal vivo. Genera CSS Flexbox pronto da copiare, gratis nel browser.

Come usare

1
Regola i controlli visivi— Trascina cursori e maniglie per un gradiente, un'ombra, un raggio degli angoli o un layout flexbox: l'anteprima si aggiorna a ogni modifica, così tari il valore a occhio.
2
Copia il codice generato— Ogni generatore scrive il CSS pronto da incollare nel foglio di stile, mentre i generatori di codice QR, favicon e onda SVG esportano un file da mettere nel progetto.
3
Crea identificatori e dati di prova in blocco— Genera con un clic un blocco di UUID o di Hash ID brevi, oppure costruisci record fittizi in JSON o CSV per riempire una tabella durante i test.

Domande frequenti

Scegli v7 se il valore diventa chiave primaria: inizia con un timestamp in millisecondi, così le nuove righe finiscono vicine nell'indice B-tree invece di sparpagliarsi su pagine casuali. Resta su v4 quando l'identificatore non deve rivelare nulla sul momento di creazione, come un token di condivisione pubblico.

Sì. Entrambi usano crypto.getRandomValues(), il generatore crittograficamente sicuro del browser, e non Math.random(). Il generatore di password mostra anche l'entropia in bit, così puoi capire se la lunghezza e il set di caratteri scelti sono effettivamente robusti.

Sì. I generatori di gradiente, ombra, raggio dei bordi e Flexbox producono CSS standard accanto a un'anteprima dal vivo, e quelle proprietà non richiedono più prefissi vendor nei browser attuali. Il generatore di onde SVG fornisce sia il markup SVG sia il CSS necessario per usarlo come sfondo.