JSON Schema & GraphQL Form Builder icon

JSON Schema & GraphQL Form Builder

v1.3.0 Updated Mar 22, 2026 113KiB
CWS
19
Users
★ 0.00
0 reviews
#102518
of 207.3K
developer
#8664 of 18.1K
Recently updated

Description

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
JSON Schema & GraphQL Form Builder screenshot 1JSON Schema & GraphQL Form Builder screenshot 2JSON Schema & GraphQL Form Builder screenshot 3JSON Schema & GraphQL Form Builder screenshot 4JSON Schema & GraphQL Form Builder screenshot 5

Reviews

Loading reviews...

Details

Version 1.3.0
Updated Mar 22, 2026
Size 113KiB
First Seen Apr 1, 2026