Skip to content

Prototype of a visual Form Builder that allows users to create and customize forms interactively, with support for generating JSON Schema and UI Schema outputs. Perfect for prototyping and integrating dynamic forms into applications.

Notifications You must be signed in to change notification settings

jonymusky/json-schema-playground

Repository files navigation

JSON Schema Playground

Welcome to the JSON Schema Playground, a powerful and intuitive tool for building, editing, and validating JSON Schema forms. This playground allows developers, designers, and non-technical users to visually create forms with advanced features and export both the JSON Schema and UI Schema for integration into their projects.

🌐 Live Demo

Explore the JSON Schema Playground hosted on GitHub Pages:
👉 json-schema-playground.jonymusky.com

🚀 Features

  • Drag-and-Drop Interface: Easily add form elements like text fields, checkboxes, dropdowns, and more.
  • Visual Editing: Modify properties such as labels, placeholders, validations, and descriptions.
  • Dynamic Options: Configure options for dropdowns, radio buttons, and checkboxes.
  • Validation Rules: Add constraints like required fields, minimum/maximum values, length restrictions, and conditional validations.
  • Live Preview: View your form as you build it, with immediate feedback.
  • Export Options:
    • JSON Schema: Structural schema defining your form.
    • UI Schema: Custom UI configurations for rendering.

About

Prototype of a visual Form Builder that allows users to create and customize forms interactively, with support for generating JSON Schema and UI Schema outputs. Perfect for prototyping and integrating dynamic forms into applications.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published