UTILS.
100 % im Browser

Codegen-Tools

Kostenlose Code-Generatoren, die vollständig in deinem Browser laufen — verwandle JSON in Zod, Pydantic, Rust, Java, C# und MySQL, JSON Schema in TypeScript, HTML und SVG in JSX, CSS in ein JS-Style-Objekt und JS-Objekte in JSON. Einfügen, kopieren — nichts wird hochgeladen.

🛡️

JSON zu Zod-Schema

Fügen Sie einen JSON-Beispielwert ein und erzeugen Sie ein Zod-Schema plus einen abgeleiteten TypeScript-Typ, sodass eine Form zur Laufzeit validiert und zur Kompilierzeit typisiert.

🐍

JSON zu Pydantic-Modell

Verwandeln Sie ein JSON-Beispiel in Python-Pydantic-v2-Modellklassen, mit Umschaltern für @dataclass- oder TypedDict-Ausgabe und snake_case-Feld-Aliasing.

🦀

JSON zu Rust-Serde-Structs

Erzeugen Sie Rust-Structs mit serde-Derives aus einem JSON-Beispiel, bereit zum Serialize/Deserialize, mit Option für nullbare Felder und rename-Attributen.

JSON zu Java-POJO

Erstellen Sie Java-POJO-Klassen aus einem JSON-Beispiel, mit Jackson- oder Gson-Annotationen, generierten Gettern und Settern und geboxten Typen für nullbare Felder.

💠

JSON zu C#-Klassen

Erzeugen Sie C#-Modellklassen aus einem JSON-Beispiel für System.Text.Json oder Newtonsoft.Json, mit PascalCase-Eigenschaften und nullbaren Werttypen.

📘

JSON Schema zu TypeScript

Kompilieren Sie ein JSON Schema (draft-07 oder 2020-12) zu TypeScript-Interfaces und Typ-Aliassen und behandeln Sie required, enums, $ref, Arrays und Kombinatoren.

🗄

JSON zu SQL CREATE TABLE

Leiten Sie aus einem JSON-Array von Objekten ein SQL CREATE TABLE (und optionale INSERTs) ab und wählen Sie die Spaltentypen automatisch für MySQL, PostgreSQL oder SQLite.

HTML zu JSX / React

Konvertieren Sie ein HTML-Snippet in gültiges JSX für React — Attribute umbenennen, void-Tags selbstschließend machen und Inline-Styles in Style-Objekte verwandeln.

🎨

SVG zu JSX-Komponente

Verwandeln Sie rohes SVG-Markup in eine einsatzbereite React-Komponente mit camelCase-Attributen, Prop-Spreading und optionalem currentColor und forwardRef.

💅

CSS zu JS-Style-Objekt

Konvertieren Sie einen Block von CSS-Deklarationen in ein JavaScript-Style-Objekt für React-Inline-Styles, styled-components oder Emotion, mit camelCase-Eigenschaften.

{ }

JS-Objekt zu striktem JSON

Reparieren Sie ein lockeres JavaScript-Objektliteral — nicht zitierte Schlüssel, einfache Anführungszeichen, nachgestellte Kommas, Kommentare — zu striktem gültigem JSON, ohne eval.

Weitere Kategorien durchsuchen