Generatoren

Generatoren — 10 kostenlose browserbasierte Entwicklerwerkzeuge wie UUID-Generator, Hash-ID-Generator und Testdaten-Generator. Alles läuft lokal ohne Anmeldung oder Upload, Ihre Daten bleiben privat und die Ergebnisse erscheinen sofort.

10 Tools

UUID-GeneratorKostenloses Online-Tool zum Erzeugen von UUID v1, v4 und v7 mit Massengenerierung und Validierung. UUIDs entstehen sicher im Browser über crypto.getRandomValues(), bis zu 1.000 auf einmal, v7 enthält die Erstellungszeit.

Hash-ID-GeneratorKostenloser Hash-ID-Generator, der kurze, URL-sichere Zufalls-IDs im Nanoid-Stil erstellt. Länge und Zeichensatz festlegen, eine oder viele eindeutige IDs erzeugen und für Schlüssel kopieren.

Testdaten-GeneratorKostenloser Dummy-Daten-Generator auf Basis von faker.js, der realistische Namen, E-Mails und Adressen erzeugt. Felder wählen und Testdaten als JSON, CSV oder SQL exportieren.

QR-Code-GeneratorQR-Code-Generator, der Text oder URLs in ein QR-Code-Bild umwandelt, mit einstellbarer Größe, Fehlerkorrekturstufe und eigenen Farben. Der PNG-Download erfolgt sofort, erzeugt im Browser und kostenlos.

Favicon-GeneratorKostenloser Favicon-Generator zum Erstellen von Favicons aus Text, Emoji oder Farbe. Schrift, Hintergrund und Form wählen und fertige PNG-Icons in mehreren Größen herunterladen.

SVG-WellengeneratorKostenloser Online-SVG-Wellengenerator mit visuellem Editor für weiche Wellenformen. Passen Sie Amplitude, Farben und Ebenen an, nutzen Sie Voreinstellungen und kopieren Sie den CSS- und SVG-Code für Hintergründe.

CSS-Gradient-GeneratorVisueller CSS-Gradient-Generator für lineare, radiale und konische Farbverläufe: Farbstopps und Winkel anpassen, fertigen CSS-Code kopieren. Ideal für Hintergründe und Buttons, kostenlos im Browser.

CSS-Box-Shadow-GeneratorCSS-box-shadow-Generator mit Reglern für Versatz, Weichzeichnung, Streuung, Farbe und Inset sowie Live-Vorschau. Der kopierfertige box-shadow-CSS-Code entsteht sofort, kostenlos im Browser.

CSS-Border-Radius-GeneratorCSS-border-radius-Generator mit acht unabhängigen Ecken-Handles, Schiebereglern und Live-Vorschau der abgerundeten Form. Der kopierfertige border-radius-CSS-Code entsteht sofort, kostenlos im Browser.

CSS-Flexbox-GeneratorCSS-Flexbox-Playground mit visuellem Editor für justify-content, align-items, flex-direction und wrap samt Live-Layout-Vorschau. Erzeugt kopierfertigen Flexbox-CSS-Code, kostenlos im Browser.

Anleitung

1
Die visuellen Regler einstellen— Ziehen Sie Schieber und Griffe für Verlauf, Schlagschatten, Eckenradius oder Flexbox-Layout; die Vorschau aktualisiert sich bei jeder Änderung, sodass Sie den Wert nach Augenmaß treffen.
2
Den erzeugten Code kopieren— Jeder Generator schreibt das CSS selbst und liefert es fertig zum Einfügen ins Stylesheet; QR-Code-, Favicon- und SVG-Wellen-Generator exportieren eine Datei für das Projekt.
3
Bezeichner und Testdaten in Menge erzeugen— Erzeugen Sie mit einem Klick einen Stapel UUIDs oder kurzer Hash-IDs oder bauen Sie Dummy-Datensätze als JSON oder CSV, um eine Tabelle für Tests zu füllen.

Häufig gestellte Fragen

Nehmen Sie v7, wenn der Wert Primärschlüssel wird: Er beginnt mit einem Millisekunden-Zeitstempel, sodass neue Zeilen im B-Baum-Index nebeneinander landen statt über zufällige Seiten zu streuen. Bleiben Sie bei v4, wenn der Bezeichner nichts über den Erstellungszeitpunkt verraten darf, etwa bei einem öffentlichen Freigabe-Token.

Ja. Beide nutzen crypto.getRandomValues(), den kryptografisch sicheren Zufallsgenerator des Browsers, und nicht Math.random(). Der Passwortgenerator zeigt zusätzlich die Entropie in Bit an, damit Sie sehen, ob die gewählte Länge und der Zeichensatz tatsächlich stark genug sind.

Ja. Die Generatoren für Gradient, Box-Shadow, Border-Radius und Flexbox geben Standard-CSS samt Live-Vorschau aus, und die erzeugten Eigenschaften brauchen in aktuellen Browsern keine Vendor-Präfixe. Der SVG-Wellen-Generator liefert sowohl das SVG-Markup als auch das CSS, um es als Hintergrund einzusetzen.