UTILS.
ทำงานในเบราว์เซอร์ 100%

เครื่องมือCodegen

ตัวสร้างโค้ดฟรีที่ทำงานทั้งหมดในเบราว์เซอร์ของคุณ — แปลง JSON เป็น Zod, Pydantic, Rust, Java, C# และ MySQL แปลง JSON Schema เป็น TypeScript แปลง HTML และ SVG เป็น JSX แปลง CSS เป็นออบเจกต์ style ของ JS และแปลงออบเจกต์ JS เป็น JSON วางเข้า คัดลอกออก ไม่มีการอัปโหลดข้อมูล

🛡️

JSON เป็น Zod Schema

วาง JSON ตัวอย่างแล้วสร้าง Zod schema พร้อมชนิด TypeScript ที่อนุมานได้ เพื่อให้รูปแบบเดียวตรวจสอบทั้งตอนรันไทม์และชนิดตอนคอมไพล์

🐍

JSON เป็น Pydantic Model

เปลี่ยน JSON ตัวอย่างเป็นคลาส Pydantic v2 model ของ Python พร้อมตัวสลับสำหรับผลลัพธ์ @dataclass หรือ TypedDict และการตั้ง alias ฟิลด์แบบ snake_case

🦀

JSON เป็น Rust Serde Struct

สร้าง Rust struct พร้อม serde derive จาก JSON ตัวอย่าง พร้อมใช้ Serialize/Deserialize มี Option สำหรับฟิลด์ nullable และแอตทริบิวต์ rename

JSON เป็น Java POJO

สร้างคลาส Java POJO จาก JSON ตัวอย่าง พร้อม annotation ของ Jackson หรือ Gson, getter และ setter ที่สร้างให้ และชนิด boxed สำหรับฟิลด์ nullable

💠

JSON เป็นคลาส C#

สร้างคลาส model ของ C# จาก JSON ตัวอย่างสำหรับ System.Text.Json หรือ Newtonsoft.Json พร้อมพร็อพเพอร์ตี้ PascalCase และชนิดค่าที่ nullable

📘

JSON Schema เป็น TypeScript

คอมไพล์ JSON Schema (draft-07 หรือ 2020-12) เป็น interface และ type alias ของ TypeScript รองรับ required, enum, $ref, อาร์เรย์ และ combinator

🗄

JSON เป็น SQL CREATE TABLE

อนุมาน SQL CREATE TABLE (และ INSERT ที่เลือกได้) จากอาร์เรย์ JSON ของ object โดยเลือกชนิดคอลัมน์อัตโนมัติสำหรับ MySQL, PostgreSQL หรือ SQLite

HTML เป็น JSX / React

แปลงส่วน HTML ให้เป็น JSX ที่ถูกต้องสำหรับ React — เปลี่ยนชื่อแอตทริบิวต์ ปิด void tag เอง และเปลี่ยน inline style เป็น style object

🎨

SVG เป็นคอมโพเนนต์ JSX

เปลี่ยน markup SVG ดิบเป็นคอมโพเนนต์ React ที่พร้อมใช้ พร้อมแอตทริบิวต์ camelCase, การกระจาย prop, และ currentColor กับ forwardRef ที่เลือกได้

💅

CSS เป็น JS Style Object

แปลงบล็อกของ CSS declaration เป็น JavaScript style object สำหรับ inline style ของ React, styled-components หรือ Emotion พร้อมพร็อพเพอร์ตี้ camelCase

{ }

JS Object เป็น JSON เข้มงวด

ซ่อม JavaScript object literal ที่หลวม — คีย์ไม่มีเครื่องหมายคำพูด, single quote, comma ท้าย, คอมเมนต์ — ให้เป็น JSON ที่ถูกต้องเข้มงวด โดยไม่ใช้ eval

เรียกดูหมวดหมู่อื่น ๆ