JSON Schema Form Generator

Elm Package: https://package.elm-lang.org/packages/scrive/elm-json-forms/latest

Live example: https://scrive.github.io/elm-json-forms/

Generate validating forms from JSON schemas.

elm package install scrive/elm-json-forms

Features

• Can handle most of the UI Schema specification
• Can handle almost all JSON Schema features (draft-04 and draft-06).
• Generates all common types of input fields (text, select, etc.) with optional labels and descriptions.
• Error messages can easily be customized as needed.
• Supports custom string formats using validation functions (similar to Json decoders).
• Comes with default Tailwind CSS theme in the Theme object that can be customised.

Unimplemented Features

• Linked schemas using $ref.
• Arrays
• Control Example
  • Descriptions as tooltips for booleans
• Categorization Example
  • Implement prev/next buttons
  • Implement stepper variant

Changelog

4.1.0

• Parse both #/ and / prefixed pointers. Before, only #/ prefixed pointers were supported.
• Expose Form.Settings, which is required to call Form.init.

4.0.0

• Add settings parameter for custom formats validation.

3.0.0

• Validate fields only when onblur is triggered, and the field is non-empty
• Add toggle property for checkboxes
• Optimization: Generate UI Schema only when necessary

2.0.0

• Produce an intermediate representation instead of the HTML view. This allows much richer view customization.
  • A default Tailwind view function is available. It can be used as a starting point for a custom view implementation.
• Display errors on fields only after they have been touched, or after a submit was triggered.
• Trim text fields

1.0.0

• Can handle most of the UI Schema specification
• Can handle almost all JSON Schema features (draft-04 and draft-06).
• Generates all common types of input fields (text, select, etc.) with optional labels and descriptions.
• Comes with default Tailwind CSS theme in the Theme object that can be customised.