Skip to content27% offProofmatch for ₹10,999 ₹14,999
CloneifyPro

Formloom · Form builder

Build registration forms from a palette of fields, publish a link and read the responses.

Formloom walkthrough video
Video

Walkthrough: drag a field onto a form, preview it, then read the responses

1 / 6

What Formloom runs

  • A three-pane builder: field palette, the form on its canvas, and properties
  • Fifteen field types, full or half width, with limits, options and help text
  • A live preview that runs the real validation
  • A public fill link built for phones, validated in the browser and on the server
  • Responses as a table, a chart of the last 14 days and a CSV export
  • PGlite, Postgres or MySQL, all running the same rules
Platform
Web; the fill page is phone-first
Best for
Event teams collecting registrations
User roles
Organisers; people filling in need no account
Database
PGlite, Postgres or MySQL

Who it is for

  • Event organisers

    Attendee and buyer forms per event, a link to share, and responses ready to export.

  • Teams replacing form SaaS

    Your forms and your respondents' answers stay in your own database.

  • Developers

    The builder components copy into any React app, with the same API contract.

Live now

Demo access

Try it before you download it. Two organisers at a Bengaluru events team, two events, six forms and 37 responses from the last 14 days. No sign-up.

Open the demo
  • Forms and builder

    The forms for Product Summit 2026 · Bengaluru; open one to build it.

    Open forms and builder
  • Responses

    Answers as a table, a chart of the last 14 days and a CSV.

    Open responses
  • The public form

    Attendee registration, as someone filling it in on their phone sees it.

    Open the public form

People in the demo

No password in the demo. The bar at the top switches between Priya and Karthik.

  • Priya Raman

    Organiser

    Product Summit 2026 · Bengaluru: attendee registration and volunteer forms.

    Open the demo
  • Karthik Menon

    Organiser

    Group billing with GSTIN and billing state, speaker forms, and the Design Week Workshops · Pune event.

    Open the demo
  • Attendee

    No account

    Fills in an active form from its public link, on a phone or a desktop.

    Open the demo

The demo keeps its data in this browser's storage. The bar at the top resets it.

On your own machine

Install it and sign in

  1. 1
    npm install
  2. 2
    npm run dev

Open http://localhost:3000. The setup screen asks for your name, email, a password of at least 8 characters and your first event. Set AUTH_SECRET before production.

Features

Grouped by where the work happens.

Builder

6
  • Add fields by clicking or dragging; reorder by drag or with up and down buttons
  • Half or full width on a twelve-column grid; two half fields share a row
  • Label, placeholder, help text, options, limits and required, per field
  • Link-button fields with their own label, link, alignment, colour and radius
  • Core fields (first name, last name, email, phone) locked in place
  • Save with Ctrl+S or ⌘S; new forms start as drafts

Forms and events

5
  • Forms grouped by event; switch events in the sidebar
  • Attendee forms (each ticket holder) and buyer forms (the person paying)
  • Status filters with counts, search, Only mine, and a preview drawer
  • Duplicate, pause, set to draft, copy the fill link, or soft delete
  • Each card draws the form's real layout, so forms are easy to tell apart

Filling in and responses

4
  • A public link at /f?id=… that works without an account, built for phones
  • Only active forms take answers; a paused form says so
  • Every answer validated in the browser and again on the server
  • A table with one column per field, a chart of the last 14 days, totals and CSV

Tech and requirements

Exact versions, because that is the first thing a developer checks.

Stack

Framework
Next.js 16, App Router
Interface
React 19, Tailwind CSS 4
Language
TypeScript
Database
PGlite by default, PostgreSQL 13+, or MySQL 5.7+/8
Sign-in
Email and password, signed session cookie
Export
CSV with the form's labels as headings

To run it

Node.js
22.6 or newer
Database
None to start; Postgres or MySQL for production
Secret
AUTH_SECRET in production
Hosting
Vercel, or any server that runs Node.js

What you get in the download

formloom.zip, 140 KB: the whole project as it unzips, counted from the zip itself.

  • Complete source code, nothing obfuscated
  • A README: quick start, configuration and deploying
  • An .env.example with every setting and its default
  • The script that builds the browser demo
formloom.zip65 files · 140 KB
  • Pages and API routes13 files
    12 KB
  • Core logic9 files
    63 KB
  • Server8 files
    23 KB
  • Screens and components26 files
    210 KB
  • Scripts1 files
    3 KB
  • README and configuration8 files
    93 KB

Common questions

01. Which databases does it run on?

PGlite on disk by default, with nothing to install, any Postgres, or MySQL with the original module's schema. All three run the same business logic.

02. Can I use the builder inside another React app?

Yes. The form components, their UI kit and their API client import each other by relative path, so the four folders copy together into any React 18+ app with Tailwind CSS 4.

03. What happens when a form is paused?

Its link keeps working but says it isn't accepting responses right now. Draft and deleted forms show “not found”. Deleting is soft: the responses stay in the database.

04. Does the builder work on a phone?

The builder asks for a wider screen, but the preview works, and the public fill page is designed for phones first.

More products

All products

Leadtrail

Sales CRM

A sales CRM for any number of companies: enquiries from IndiaMART, JustDial, Facebook and the website, a repeat check on every mobile number, follow-ups, WhatsApp templates, a drag-and-drop pipeline, and one-click invoices in Billcraft.

  • Next.js 16
  • React 19
  • TypeScript
  • PostgreSQL
Files
74
Lines
10,823
Source
₹12,499

Renewly

Membership management

Memberships and fees for gyms, studios, dance academies and coaching classes: members and plans, part payments with receipts, renewals and pauses, WhatsApp reminders, Razorpay payment links, and a Today screen of who to collect from and who to renew.

  • Next.js 16
  • React 19
  • TypeScript
  • PostgreSQL
Files
86
Lines
12,718
Source
₹9,999

Consentdesk

DPDP privacy and consent

Privacy and consent for India's DPDP Act and Rules: a notice in English and Indian languages, a consent banner and form (a parent's email code for under-18s), a receipt for every answer, a privacy page where people withdraw consent or ask to see, correct or erase their data, requests with deadlines, a 72-hour breach register, and a data map with vendors.

  • Next.js 16
  • React 19
  • TypeScript
  • PostgreSQL
Files
84
Lines
10,531
Source
₹12,499