Drag-and-drop form builder. Export and import as JSON Schema or GraphQL. No account, no data collected, fully offline.
Users
46
+1 in 30 days
Rating
0.0 / 5
unchanged in 30 days
Ratings
0
0 in 30 days
Store rank
#112K
#94K among extensions
Version
1.3.0
updated 22 Mar 2026
Users
monthly, 8 months
Latest, 16 Oct 2026:46 usersMove the mouse over the chart for any month
Ratings count
monthly, 8 months
Latest, 16 Oct 2026:0 ratingsMove the mouse over the chart for any month
The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.
About JSON Schema & GraphQL Form Builder
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