Live demo
Try the actual Motivation Form player — highlighted code, image choices, instant quiz scoring, and multi-page flow, all from one Markdown file.
Everything below is the real public player — the same component that renders your live forms. It runs entirely in your browser: nothing is sent, no sign-up required. The form, its branding, the quiz answer key, and the highlighted code block are all defined in a single Markdown file.
Product feedback
This entire form is a Markdown file — branding, pages, the quiz answer key, and the highlighted code below all live in plain text.
export function greet(name: string): string {
return `hello, ${name}`
}Want the real thing? Open the live form → — a published Motivation Form you can actually submit; the response lands in a live dashboard.
What you just used
- Markdown-defined — title, pages, branding colour, and the answer key live in plain text frontmatter.
- Highlighted code in instructions — fenced code blocks are syntax-highlighted at deploy time.
- Image choices — radio options with
media:render as a visual card grid. - Instant quiz scoring —
mode: quizscores answers and can reveal the breakdown after submit. - Multi-page flow — fields grouped by
page:with a progress bar.
Ready to build your own? Start with the Quickstart, or browse every field type and the survey syntax.