Build your own Jotform with Claude Code
A form builder with payments and PDFs: drag-and-drop form fields, payment fields with Stripe, signature field and more.
The Claude Code prompt
Build my own take on Jotform: a form builder with payments and PDFs. Give it an original name, logo, colours and copy, and do not use Jotform's name, branding or assets. Version one should have: - Drag-and-drop form fields - Payment fields with Stripe - Signature field - Generate a PDF from each submission - Approval flows The hard part: Turning submissions into PDFs. Use a headless browser or a PDF library. How to build it: 1. Read this folder first. If it is empty, set up Next.js (App Router, TypeScript, Tailwind) with Postgres through Prisma or Supabase, and Supabase Auth or Auth.js for sign-in. Write a short PLAN.md with the data model, screens, third-party services and what you are leaving out of version one. 2. Build the core loop end to end before anything else: drag-and-drop form fields, working with real data saved to the database. 3. Add the rest of the features one at a time, and seed realistic demo data so every screen looks alive. 4. Keep API keys in environment variables, and put any paid service behind a small interface with a local stub, so the app runs on a fresh machine without accounts. 5. Run it, click through every screen on desktop and mobile widths, fix what breaks, and finish with a summary of what works, what is stubbed and how to deploy it.
Paste it into Claude Code in an empty folder. It plans first, so read PLAN.md and steer before it starts building.
Version one
- Drag-and-drop form fields
- Payment fields with Stripe
- Signature field
- Generate a PDF from each submission
- Approval flows
The hard part
Turning submissions into PDFs. Use a headless browser or a PDF library.
Make it yours: a niche Jotform ignores, an original name and brand, and one feature it does badly done well.
More to build
- Your own Canva
A drag-and-drop graphic design tool: canvas with text, shapes and images, templates for social posts, layers, alignment and snapping and more.
- Your own Typeform
A one-question-at-a-time form builder: form builder with question types, conversational one-at-a-time player, logic jumps and more.
- Your own Microsoft Excel
A spreadsheet app: grid with cell editing, formulas such as SUM, AVERAGE and IF, multiple sheets and more.
- Your own Google Sheets
A collaborative online spreadsheet: spreadsheet grid with formulas, real-time multi-user editing with cursors, comments on cells and more.
- Your own Figma
A collaborative interface design tool: infinite canvas with frames and shapes, text and images, layers panel and more.
- Your own Tally
A form builder that feels like a doc: type to build a form like a document, question types and logic, unlimited responses and more.