FieldCraft Pro · $199 once

Your form admin panel.
Built in minutes, not months.

Four React components — a drag-and-drop form designer, a submission viewer, a theme editor and a clinical instrument set. Drop them into your app, keep your data, pay once.

React 18 & 19
44 field types
One-time purchase
Includes Telehealth
The problem

Form administration is where side projects go to die

The form is the easy part. The panel around it — builder, responses, theming, exports — is the quarter you did not plan for.

Option A
Build it yourself
  • ×Drag-and-drop editing is three weeks before it feels right
  • ×Undo/redo and keyboard support get cut from scope
  • ×Response tables, filters and CSV export rebuilt per project
  • ×You now maintain an internal product nobody asked for
Option B
Use a hosted service
  • ×Per-response pricing that scales against you
  • ×Submissions live in someone else’s database
  • ×An iframe you cannot style to match your product
  • ×Compliance review every time the vendor changes terms
Option CRecommended
FieldCraft Pro
  • A finished builder, viewer and theme editor as components
  • Runs in your app, against your database
  • $199 once — no per-response ceiling, ever
  • Built on the MIT-licensed engine you already use
Live demo · FormBuilder

Design the form, get the schema

Drag fields in, set conditions and validation, and export the same JSON your renderer already reads. This is the real component — try it.

<FormBuilder />
FormBuilder · patient-intake.json · draftInteractive
Drag & drop
Conditional logic
Validation rules
Undo / redo
JSON export
Keyboard shortcuts
Live demo · ResponseViewer

Read the submissions without writing a table

Point it at your rows. Table, cards, detail and split views, search, filters, bulk actions and exports come with it.

<ResponseViewer />
ResponseViewer · 8 submissions · table viewInteractive
4 view modes
Search & filter
CSV / JSON export
Bulk actions
Live demo · ThemeEditor

Make it look like your product

Tune tokens against a live preview, then export CSS variables or a theme object. Five presets to start from.

<ThemeEditor />
ThemeEditor · your site themeInteractive
Live preview
CSS export
Palette generator
Built-in presets
Telehealth module

Validated clinical instruments, already scored

Included with every Pro licence
Clinical instruments

PHQ-9, GAD-7 and PSS-10 as schemas with scoring, severity bands and subscale totals computed by the engine.

PHQ-9GAD-7PSS-10
Healthcare fields

Pain scales, a body region selector, vitals with unit handling and reference ranges — as first-class field types.

painScalebodyRegionvitals
Clinical templates

Intake, screening and follow-up assessment schemas you can copy into your repository and edit like any other form.

14 schemasEditable
Everything in the box

45 features, one licence

Form Builder
9 items
Drag-and-drop field placement
Section and step management
Conditional logic editor
Validation rule builder
Undo / redo history
Keyboard shortcuts
JSON import and export
Live schema preview
Duplicate and reorder fields
Response Viewer
9 items
Table, card, detail and split views
Full-text search
Column filters and sorting
Bulk select and delete
CSV and JSON export
Per-response detail pane
Computed score columns
Pagination and page size
Column visibility control
Theme Editor
8 items
Token-level colour editing
Typography scale control
Density and radius presets
Live form preview
Palette generator
CSS variable export
Theme object export
Six built-in presets
Telehealth
7 items
PHQ-9 with severity bands
GAD-7 scoring
PSS-10 subscales
Pain scale field
Body region selector
Vitals with reference ranges
14 clinical templates
Developer Experience
6 items
Full TypeScript types
Tree-shakeable ESM build
SSR and RSC compatible
Headless hooks for custom UI
Documented component API
Zero required config
Licensing
6 items
One-time $199 payment
One production domain
Unlimited dev and staging
Client project use permitted
12 months of updates
Private issue tracker
Integration

One provider, then the components

Wrap your admin route in the provider with your licence key. Every Pro component reads it from context — no per-component config, no build step.

Works with Next.js, Vite, Remix, and any React 18+ setup
app/admin/forms/page.tsxCopy
'use client'
import { FieldCraftProProvider, FormBuilder } from '@squaredr/fieldcraft-pro'

export default function FormsAdmin() {
  return (
    <FieldCraftProProvider licenseKey={process.env.NEXT_PUBLIC_FC_KEY}>
      <FormBuilder
        schema={schema}
        onSave={(next) => saveSchema(next)}
        modules={['telehealth']}
      />
    </FieldCraftProProvider>
  )
}
Launch price — limited time

Buy it once. Ship it everywhere.

FieldCraft Pro · perpetual
$199$399
One-time · no subscription
Coming soon — join the waitlist
What’s included
  • FormBuilder, ResponseViewer and ThemeEditor components
  • Telehealth module with scored clinical instruments
  • All 44 field types plus the Pro-only advanced set
  • TypeScript types and full API reference
  • Twelve months of updates, including new modules
  • Private issue tracker with maintainer response
  • Commercial use in client and internal projects
FAQ & Contact

Before you ask

Licensing edge cases, roadmap, or whether the Telehealth module covers your instrument — ask. Replies come from the maintainer.

Dogfood
This form is built with FieldCraft — same engine, same renderer, no special case.
contact.json · v2
1 / 1

Contact