BlogWork With Me →
200+ weekly downloads · Open Source

Define forms in JSON.
Render in React.

FieldCraft is a schema-driven form engine. 44 field types, validation, conditional logic, multi-step flows — from a single JSON schema. MIT licensed.

44Field Types
3Storage Adapters
MITLicensed
Products

Everything You Need to Ship Forms

An open-source form engine, a visual admin panel, and a payment layer.They work together or standalone.

FieldCraftSchema-driven form engine for React
Live on npm

Get in Touch

44 field types3 adaptersMIT
PayKitDrop-in payment integration
Live on npm
Loading checkout…
checkout.tsx
<PayKitProvider
  clientAdapter={stripeAdapter}
>
  <CheckoutForm
    clientSecret={secret}
    submitLabel="Pay $49"
  />
</PayKitProvider>
<PayKitProvider
  clientAdapter={razorpayAdapter}
>
  <CheckoutForm
    clientSecret={orderId}
    submitLabel="Pay ₹4,099"
  />
</PayKitProvider>
Stripe + RazorpayLicense keysWebhooksMIT
AI-Augmented Development

2x Faster.
Zero Corners Cut.

50%faster delivery
0production bugs
4 minavg build

AI-Accelerated Development

AI handles scaffolding, boilerplate, and repetitive code — I focus on architecture and business logic.

Double Quality Gate

Every line reviewed by both AI and human eyes. Bugs caught before they ship.

Days, Not Weeks

What takes traditional agencies 2–4 weeks, ships in days with AI-augmented workflows.

terminal

$ npx fieldcraft init

✓ Installing @squaredr/fieldcraft...

✓ Generating schema from config...

✓ Rendering 12 fields, 3 sections...

✓ Validation + conditional logic wired

⚡ Form live in 30 seconds

0 errors
4 min build
SR
SquaredR“We use AI as a force multiplier, not a replacement.”
Why Craft Tools

Built Different

Monthly SaaS fee
API rate limits
Vendor lock-in
Your code, your server

You Own What You Ship

No SaaS dependency. No recurring fees to keep your app running. Every Craft tool gives you the full source — deploy it anywhere, modify anything, answer to nobody.

From Scratch
8 wk
With AI
2 wk
With Craft
1 day

Ship, Don't Configure

npm install or git clone — either way, you go from zero to working app in minutes. No boilerplate scaffolding, no config marathons.

Real Source Code

Not generated output. Not abstracted away. Readable, well-structured code you can learn from and extend.

AI-Ready Codebase

Optimized for Cursor, Claude, and Copilot. Clean patterns AI tools understand.

Next.js
React
TS

Modern Stack

Next.js, React 19, TypeScript, Tailwind v4. Always up to date.

Production Proven

Battle-tested in real apps. Proper error handling, accessibility, and edge cases handled.

Development Services

Need Something Custom?

From quick fixes to full-scale applications — AI-accelerated development that ships faster without cutting corners.

<LandingPage
hero={true}
cta="Get Started"
/>

Product Development

End-to-end builds — MVPs, web apps, SaaS platforms. From idea to shipped product.

Learn More

Code & Architecture

Audits, architecture design, performance work, and strategic consulting.

Learn More
How should I architect this?
Here's my recommended approach...

Ongoing Partnership

Retained development — continuous feature work, maintenance, and support.

Learn More
How It Works

From Zero to Production

Install

Add the package to your project. One command, zero config. Works with any React setup.

Define

Write your schema — fields, validation, layout. The engine handles the rest.

Ship

Render the form, page, or storefront. Production-ready from the first render.

Click to copy

$ npm install @squaredr/fieldcraft

$ # define your schema

$ # render with <FormEngine schema={schema} />

✓ Form rendered. Ship it.

FAQ

Questions & Answers

Ready to Ship?

Install FieldCraft today, or hire me to build something custom.