better-formbetter-form

Interactive Playground

Edit the JSON configuration and see the form update in real-time

Load Preset

Basic contact form with validation

Configuration (JSON)
Live Preview

Fix the JSON errors to see the preview

Tips

  • • Try conditional logic: Add showIf or hideIf to fields
  • • Add validation: Use required, minLength, maxLength, min, max
  • • Field types: text, email, tel, textarea, number, select, radio, checkbox, boolean, date, file
  • • Multiple steps: Add more objects to the steps array