FieldCraftPayKitDocsServicesBlogWork With Me →
Developer Tools for FieldCraft

Build forms visually.
Ship them as JSON.

A drag-and-drop form builder that outputs FormEngineSchema JSON. Pair it with the free, open-source FieldCraft engine to render forms in your React app.

Form Builder
Fields
Short Text
Number
Email
Toggle
Dropdown
Rating
Contact Info
Full Name
Email Address
Company
Properties
LabelEmail Address
Placeholderyou@company.com
Required
Yes
Validationemail
What Ships Today

Two tools ready. More coming.

Pure React components that drop into your existing app. No backend, no accounts, no vendor lock-in. Your forms stay as JSON in your codebase.

Form Builder

Drag-and-drop visual builder with 44 field types, validation rules, conditional logic, undo/redo, and JSON import/export. This is the main tool shipping in v1.

Shipping in v1

Schema Editor

Monaco-powered JSON editor with syntax highlighting and live form preview. Edit FormEngineSchema directly with auto-complete.

Shipping in v1

Response Viewer

Browse and inspect form submissions. Basic table view with detail drawer. CSV export planned but not yet implemented.

In Development
Live Preview

Try it yourself.

Drag fields, configure validation, set conditions — all without writing a single line of JSON.

Form Builder Features

What the Form Builder includes.

These are the features shipping in Form Builder v1. The Schema Editor ships alongside it with its own feature set.

44 field types with individual config editors
Drag-and-drop from palette to canvas
Reorder fields within and across sections
Inline label editing (double-click)
Validation rules builder (12 rule types)
Conditional visibility logic (16 operators)
Form settings panel (display mode, navigation, drafts)
Full undo / redo history
JSON schema import and export
Keyboard shortcuts (Delete, Escape, Ctrl+D, Ctrl+Z)
Section duplication with all fields
Dark and light theme presets
Error boundary with recovery UI
ARIA labels on interactive controls
License-gated with watermark fallback
TypeScript with full type exports
Pricing

One-time payment. No subscriptions.

Pay once, own it. Free patch updates within the major version you purchased. The open-source FieldCraft engine and renderer remain free forever (MIT).

Starter
$49*
one-time purchase

Schema editor and response viewer. Edit FormEngineSchema in Monaco with live preview, browse submissions.

Schema Editor (Monaco + live preview)
Response Viewer
JSON import / export
Dark and light theme presets
Community support (GitHub Issues)
Business
$549*
one-time purchase

A production-ready Next.js app with Prisma, authentication, and the Form Builder pre-integrated. Built and delivered by us within 2 weeks.

Everything in Pro
Full Next.js application source code
Prisma ORM with database schema
Authentication (login, signup, sessions)
Form Builder integrated and configured
Delivered within 2 weeks of purchase

*Prices are in USD and exclusive of applicable taxes. Tax may be added at checkout depending on your region. All purchases are processed via Gumroad. Starter and Pro are component licenses. Business includes a custom-built Next.js application delivered within 2 weeks of purchase. Delivery timeline starts after a brief requirements call. See our Terms of Service and Privacy Policy for full details. No refunds after license key activation or project kickoff.

Get Started

Stop writing form JSON by hand.

The Form Builder gives you a visual interface for building FormEngineSchema. Drag fields, set validation, configure conditions, export JSON.

npm install @squaredr/fieldcraft-pro-form-builder