JSON Schema forms

Automatically generate form markup from a JSON Schema.

This demo uses json-schema-to-tcomb to convert a JSON Schema to tcomb types and then to a form with tcomb-form.

Benefits

  • Write a lot less HTML
  • Usability and accessibility for free (automatic labels, inline validation, etc)
  • No need to update forms when schema changes

My other projects

Source

Live code editor. Changes will be reflected in the preview.

Examples

Supported features:

  • type: string
    • enums
    • minLength
    • maxLength
    • pattern
  • type: number
    • integer
    • minimum
    • exclusiveMinimum
    • maximum
    • exclusiveMaximum
  • type: boolean
  • type: array
    • items (tuples)
    • minItems
    • maxItems
  • type: object
    • required properties
    • optional properties

Preview

Fork me on GitHub