Skip to main content
The playground is a browser-based editor where you can write or paste YAML and instantly see how your form looks and behaves. It is the fastest way to experiment with Declarative Forms without creating a repository or pushing any code.
No account or setup required. Open the playground, start editing, and the preview updates in real time.

​
Open the playground

Navigate to: 
https://frms.dev/playground
The page is split into two panels:
PanelPurpose
YAML EditorWrite or paste your form definition. Includes syntax highlighting, auto-completion, and code folding.
PreviewRenders the form exactly as your respondents would see it, including validation, conditional logic, and the completion screen.
On mobile devices the two panels are shown as tabs — tap YAML or Preview to switch between them.

​
Try it out

The playground loads with a starter form so you can begin experimenting right away. Replace it with any YAML from the documentation — for example, the contact form from Create a form: 
version: 1
title: "Contact us"
description: "Send us a message and we will get back to you."

sections:
  - id: contact
    title: "Your details"
    fields:
      - id: full_name
        type: short_text
        label: "Full name"
        placeholder: "Jane Smith"
        validators:
          - required

      - id: email
        type: email
        label: "Email address"
        placeholder: "jane@example.com"
        validators:
          - required

      - id: message
        type: long_text
        label: "Message"
        placeholder: "How can we help?"
        validators:
          - required

    next: done

completion:
  title: "Thank you!"
  message: "Thanks for reaching out, {{data.full_name}}. We will get back to you shortly."
Edit the YAML and the preview refreshes automatically. Fill in the form, test validation by submitting empty required fields, and step through to the completion screen — all without leaving the browser.

​
What works in the playground

The playground renders your form locally in the browser. Features that only require YAML and client-side rendering work as expected:
Connections are not executed in the playground. Features that require a server — such as email, webhook, and file upload submissions — are not triggered. Use the playground to validate your form’s structure and appearance, then deploy it via a GitHub repository to enable server-side features.

​
When to use the playground

ScenarioUse the playground?
Quickly test a new form idea✅ Yes
Debug layout or validation issues✅ Yes
Preview a form before committing to GitHub✅ Yes
Learn Declarative Forms YAML syntax✅ Yes
Test email or webhook connections❌ No — deploy via GitHub
Share a live form with respondents❌ No — deploy via GitHub