Forms platform / 14 primitives + composition

Forms-as-a-platform primitives

Operator-facing forms platform for the Mufflermen workshop — drag-drop form builder, submission inbox, Stripe AU payment fields, ClamAV-scanned file uploads, anti-spam shield catching about 12 bots a day, conditional logic, multi-step wizard, notifications across email / SMS / Slack / webhook, data export, Hermes webhook delivery, publish targets, and a started → submitted funnel. Visual reference only.

Production answer

Forms-as-a-platform primitives is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Forms-as-a-platform primitives states
Generative search brief

Forms-as-a-platform primitives: Operator-facing forms platform for the Mufflermen workshop — drag-drop form builder, submission inbox, Stripe AU payment fields, ClamAV-scanned file uploads, anti-spam shield catching about 12 bots a day, conditional logic, multi-step wizard, notifications across email / SMS / Slack / webhook, data export, Hermes webhook delivery, publish targets, and a started → submitted funnel. Visual reference only.

Visual reference only — no real persistence wired
Primitive 01

Form builder canvas

Left rail palette grouped by category plus the centre stage with drop-zone indicators and per-field tone strips.

Stateful · selectOpen
Primitive 02

Field config panel

Inspector for the active field — label, placeholder, required switch, help text, default, and option list.

StatelessOpen
Primitive 03

Submission inbox row

Compact submission row — form name, submitter, preview, status chip, amount, and timestamp.

StatelessOpen
Primitive 04

Anti-spam shield card

Defence stack — honeypot, Turnstile, rate-limit, reCAPTCHA — each row armed / off / warning with 24h block count.

StatelessOpen
Primitive 05

Payment field card

Stripe element preview with AUD amount, cardholder + CVC fields, and a tip selector for the workshop crew.

StatelessOpen
Primitive 06

File upload zone

Dashed drop area with browse button plus a file list — progress bar, size meta, and ClamAV scan badge.

Stateful · dragOpen
Primitive 07

Conditional logic card

If / then rule editor — chip-based source field, operator, value, then action and target.

Stateful · toggleOpen
Primitive 08

Multi-step form rail

Wizard track with per-step completion bars, current ring, skipped tone, and an overall percentage.

StatelessOpen
Primitive 09

Submission detail panel

Full submission view — answer rows, flagged answers, audit log timeline, and the approve / reject / reply actions.

StatelessOpen
Primitive 10

Notification rule row

Single rule — channel icon (email / SMS / Slack / webhook), trigger, recipient, template, and on / off switch.

Stateful · toggleOpen
Primitive 11

Data export card

Export submissions — CSV / JSON / XLS / PDF preset tiles with row estimates and a date range badge.

Stateful · selectOpen
Primitive 12

Webhook trigger row

Endpoint + event row with delivery status, retry count, and a pretty-printed sample payload.

StatelessOpen
Primitive 13

Form publish card

Publish targets — inline embed, popup, share link, QR — with a copy-ready snippet and the share URL.

Stateful · tabsOpen
Primitive 14

Analytics funnel tile

Started → halfway → submitted → abandoned funnel with retention bars and a 28-day conversion footer.

StatelessOpen
Composition

Full forms-platform scene

Operator view — builder canvas top with inspector, multi-step rail, anti-spam shield, payment field, inbox, notifications, webhooks, publish, and the funnel tile.

CompositionOpen