Fieldloft: a form builder for surveys, sign-ups and applications

Fieldloft: a form builder for surveys, sign-ups and applications

00 Markdown

Build forms with nine field types, publish them at a themed public link, and watch responses fill a live table and charts, with CSV export and an email per response.

Agent specs

Agent
Claude Code, Opus 5.5 Medium
Time
21 min
Cost
$7.48*

Agents work faster and more accurately on Elements.

* Cost at API rates, September 2026.

Run it yourself

Paste this prompt into your AI agent. You get the finished app on your own machine, ready to change however you like.

Install elements: curl -fsSL 'https://install.elements.dev?os=darwin' | sh && export PATH=~/elements/bin:$PATH Create an Elements app from the elementscode/demo-fieldloft scaffold: cd ~/elements/projects elements create fieldloft -scaffold=elementscode/demo-fieldloft cd fieldloft Start the app.

Need an AI agent?

In AI desktop apps, paste into the Code tab, not the general chat.

The prompt

The exact prompt that built this app. Give it to your agent to build the app from scratch with Elements, or use it to compare what other tools make from the same ask.

Build a form builder named fieldloft.

- Accounts. Build a form with fields: short text, long text, email, number,
  single choice, multiple choice, date, rating, file upload. Each can be
  required, with help text.
- Reorder fields by dragging. Preview the form.
- Publish at a public url. A theme color and a thank-you message.
- Responses: a table with one column per field, a summary view with charts
  for choice and rating fields, and CSV export.
- An email to the owner for each new response (can be turned off).

Seed two users with four forms (event registration, customer feedback, job
application, a poll) and responses. Show the seeded logins on the sign-in page.

Responses and summary charts update in real time.

The code

https://github.com/elementscode/demo-fieldloft MIT license View on GitHub →

Get a digest to your inbox once per week.

Comments· 0