toolintermediate3-4 hours

Custom Form Builder

Build custom forms with drag-and-drop, collect submissions in Commander Tables, and trigger automations — powered by Commander Tables, Connections, and Automations. Replaces Typeform, Tally, and JotForm.

What You'll Build

A custom form builder with drag-and-drop, public form renderer, submission inbox, webhook automations, and analytics dashboard. Replaces Typeform, Tally, and JotForm.

Sections Included (5)

Form Builder

Visual form builder with field palette, drag-and-drop ordering, field settings panel, multi-step configuration, and live preview

Public Form

Public form renderer with validation, multi-step navigation, progress bar, and success screen

Submissions

Submission inbox with table view, individual response view, CSV export, and submission charts

Automations

Webhook triggers, email notifications on submission, contact creation from form data

Dashboard

Form analytics: submission count, completion rate, field drop-off, response trends

Design

Colours: Creative — indigo (#6366F1) primary, white background, green for submitted, yellow for partial, red for error
Typography: Geist sans-serif, clean form inputs
Mood: Creative, builder-focused, clean

Details

Category: tool
Difficulty: intermediate
Time: 3-4 hours
Framework: react
Commander Tools: Tables, Connections, Automations, Contacts, Email

Related Blueprints