Generatorer

Generatorer — 10 gratis webbläsarbaserade utvecklarverktyg, däribland UUID-generator, Hash-ID-generator och Testdatagenerator. Allt körs lokalt utan registrering eller uppladdning, dina data förblir privata och resultaten visas direkt.

10 verktyg

UUID-generatorGratis onlineverktyg för att generera UUID v1, v4 och v7 med massgenerering och validering. UUID:er skapas säkert i webbläsaren via crypto.getRandomValues(), upp till 1 000 åt gången, och v7 visar skapelsetiden.

Hash-ID-generatorGratis hash-ID-generator som skapar korta, URL-säkra slumpmässiga ID:n i nanoid-stil. Ange längd och teckenuppsättning, generera ett eller många unika ID:n och kopiera dem för nycklar.

TestdatageneratorGratis dummydatagenerator baserad på faker.js som skapar realistiska namn, e-postadresser och adresser. Välj dina fält och exportera testdata som JSON, CSV eller SQL.

QR-kodgeneratorQR-kodsgenerator som gör text eller en URL till en QR-bild, med justerbar storlek, felkorrigeringsnivå och egna färger. Ladda ner PNG direkt, genererad gratis i webbläsaren.

FavicongeneratorGratis favicongenerator för att skapa favicons från text, en emoji eller en färg. Välj typsnitt, bakgrund och form och ladda ner färdiga PNG-ikoner i flera storlekar för din webbplats.

SVG-våggeneratorGratis online SVG-vågsgenerator med visuell editor för mjuka vågformer. Justera amplitud, färger och lager, använd färdiga förinställningar och kopiera CSS- och SVG-koden för bakgrunder och avdelare.

CSS-gradientgeneratorVisuell CSS-gradientgenerator för linjära, radiella och koniska gradienter: sätt färgstopp, justera vinkeln och kopiera CSS-koden. Perfekt för bakgrunder och knappar, gratis i webbläsaren.

CSS box-shadow-generatorCSS-box-shadow-generator med reglage för offset, oskärpa, spridning, färg och inset samt liveförhandsvisning. Kopiera färdig box-shadow-CSS, gratis i webbläsaren.

CSS border-radius-generatorCSS-border-radius-generator med åtta oberoende hörnhandtag och reglage samt liveförhandsvisning av den rundade formen. Kopiera färdig border-radius-CSS, gratis i webbläsaren.

CSS Flexbox-generatorCSS Flexbox-lekplats med visuell editor för justify-content, align-items, flex-direction och wrap plus liveförhandsvisning. Generera färdig Flexbox-CSS, gratis i webbläsaren.

Så använder du

1
Justera de visuella reglagen— Dra reglage och handtag för gradient, skugga, hörnradie eller flexbox-layout; förhandsvisningen uppdateras vid varje ändring så att du kan ställa in värdet med ögat.
2
Kopiera den genererade koden— Varje generator skriver CSS-koden åt dig, färdig att klistra in i stilmallen, och generatorerna för QR-kod, favicon och SVG-våg exporterar en fil till projektet.
3
Skapa identifierare och testdata i mängd— Ta fram en bunt UUID:er eller korta hash-ID:n med ett klick, eller bygg dummyposter som JSON eller CSV för att fylla en tabell under test.

Vanliga frågor

Ta v7 när värdet blir primärnyckel: det inleds med en millisekundstämpel, så nya rader hamnar bredvid varandra i ett B-trädindex i stället för att spridas över slumpmässiga sidor. Håll dig till v4 när identifieraren inte får avslöja något om skapandetiden, till exempel en publik delningstoken.

Ja. Båda använder crypto.getRandomValues(), webbläsarens kryptografiskt säkra generator, i stället för Math.random(). Lösenordsgeneratorn visar dessutom entropin i bitar, så du ser om den längd och teckenuppsättning du valt faktiskt är stark.

Ja. Generatorerna för gradient, box-shadow, border-radius och flexbox skriver ut vanlig CSS bredvid en live-förhandsvisning, och egenskaperna de producerar behöver inga leverantörsprefix i dagens webbläsare. SVG-vågsgeneratorn ger dig både SVG-koden och den CSS som krävs för att använda den som bakgrund.