Why JSON Schemas for forms?

JSON Schemas are the SSoT (Single Source of Truth) that allows you to share form's data structure and validations between the server (backend) and the client (frontend), regardless of the language used.

You can use it beyond UI Forms, like lists, tables, and any other UI that needs structured JSON data.

Installation

Available on NPM.

npm install @laus/json-schema-form
# or

yarn add @laus/json-schema-form

Getting Started

Check the 📚 JSF website for documentation.

Documentation

JSON Schema Reference

For a complete reference of all supported JSON Schema keywords, custom extensions, and field types, see:

📖 JSON Schema Reference Guide

This comprehensive guide includes:

• Standard JSON Schema keywords (type, properties, validation, etc.)
• Custom x-jsf-* extensions (presentation, layout, logic, etc.)
• All supported input types and formats
• JSON Logic operations for custom validations
• Async options configuration
• Complete field structure reference
• Validation error types

Complete Examples

Want to see all features in action? Check out:

🎯 Complete Examples Guide

Includes:

• example-schema.json - Full schema using every input type and feature
• example-usage.js - JavaScript implementation example
• All 15 input types demonstrated
• Custom validations with JSON Logic
• Computed values and conditional logic
• Async options loading
• Responsive layouts
• File upload validation
• Real-world form structure

Playground

Check the 🕹️ JSF Playground for demos.

Contributing

Read CONTRIBUTING to get started.

Migrating

If you're using v0 and wish to migrate to v1, read MIGRATING to get started.

Backed by Remote.com