Json Schema Graphql Form

Build forms visually with drag-and-drop, then export as JSON Schema or GraphQL SDL. No account needed, no data collected, works fully offline.

WHAT'S NEW IN v1.3
• GraphQL SDL output with input types, enums, and @constraint directives
• Import forms from GraphQL SDL files (.graphql, .gql)
• Tabbed schema panel — switch between JSON Schema and GraphQL

FEATURES
- Drag & Drop — Reorder fields visually on the canvas

- 20 Field Types — Text, email, number, date, select, radio, checkbox, password, URL, phone, textarea, search, color, range, file, time, datetime, month, week, hidden

- Field Configuration — Labels, names, placeholders, required status, validation rules (min/max, regex patterns), options for select/radio

- Live Preview — Interactive form preview updates in real-time

- JSON Schema Output — Valid JSON Schema (Draft 2020-12) with types, formats, enums, and patterns

- GraphQL Output — SDL with input types, enums, @constraint directives, and mutation scaffold

- Schema Import — Import JSON Schema (.json) or GraphQL SDL (.graphql) to reconstruct forms visually

- Code Export — Production-ready React, Vue, or HTML/CSS code

- Form Data Preview — See live form data as you interact with the preview

- Templates — Pre-built forms (Contact, Login, Registration, and more)

- Undo — Step back through changes

- Dark / Light Theme

SCHEMA FORMATS
- JSON Schema (Draft 2020-12) — proper types, formats, enums, patterns, min/max constraints. Copy, download, or import.

- GraphQL SDL — input types, scalar mappings (String, Int, Float, Boolean), enum generation from select/radio options, @constraint directives for validation, mutation + payload scaffold. Copy, download, or import.

CODE EXPORT
- React — Functional component with useState hooks
- Vue — Composition API (script setup) component
- HTML — Standalone form with matching CSS
- CSS

PRIVACY
- Zero data collection — nothing leaves your browser
- Zero network requests — works fully offline
- No permissions required,
- Clipboard used only when you click Copy
- Memory duration of your session