react-jsonschema-form

GitHub

A React component for building Web forms from JSON Schema.

AI Prompts & Endpoints
Agent Skills View CodeWiki Knowledge Base

Repository: rjsf-team/react-jsonschema-form


Stars: 15738

README.md

[![Build Status][build-shield]][build-url]
[![Contributors][contributors-shield]][contributors-url]
[![Apache 2.0 License][license-shield]][license-url]

<p align="center">
<a href="https://github.com/rjsf-team/react-jsonschema-form">
<img src="https://raw.githubusercontent.com/rjsf-team/react-jsonschema-form/59a8206e148474bea854bbb004f624143fbcbac8/packages/core/logo.png" alt="Logo" width="180" height="120">
</a>

<h3 align="center">react-jsonschema-form</h3>

<p align="center">
A simple <a href="http://facebook.github.io/react/">React</a> component capable of using <a href="http://json-schema.org/">JSON Schema</a> to declaratively build and customize web forms.
<br />
<a href="https://rjsf-team.github.io/react-jsonschema-form/docs/"><strong>Explore the docs ยป</strong></a>
<br />
<br />
<a href="https://rjsf-team.github.io/react-jsonschema-form/">View Playground</a>
ยท
<a href="https://github.com/rjsf-team/react-jsonschema-form/issues">Report Bug</a>
ยท
<a href="https://github.com/rjsf-team/react-jsonschema-form/issues">Request Feature</a>
</p>
</p>

![playground animation](https://rjsf-team.github.io/react-jsonschema-form/)

Supported Themes

- Ant Design v5
- Bootstrap v3
- Chakra UI v3
- Daisy UI v5
- Fluent UI v9
- Mantine
- Material UI v7
- React-Bootstrap (Bootstrap v5)
- Semantic UI v2
- Shad CN

API Libraries

- @rjsf/utils
- @rjsf/validator-ajv8

Documentation

Read our documentation, powered by Docusaurus.

Live Playground

A live playground is hosted on GitHub Pages.

Contributing

Read our contributors' guide to get started.

Credits

Testing powered by BrowserStack<br>
<a target="_blank" href="https://www.browserstack.com/"><img width="200" src="https://user-images.githubusercontent.com/1689183/51487090-4ea04f80-1d57-11e9-9a91-79b7ef8d2013.png"></a>

[build-shield]: https://github.com/rjsf-team/react-jsonschema-form/workflows/CI/badge.svg
[build-url]: https://github.com/rjsf-team/react-jsonschema-form/actions
[contributors-shield]: https://img.shields.io/github/contributors/rjsf-team/react-jsonschema-form.svg
[contributors-url]: https://github.com/rjsf-team/react-jsonschema-form/graphs/contributors
[license-shield]: https://img.shields.io/badge/license-Apache%202.0-blue.svg?style=flat-square
[license-url]: https://choosealicense.com/licenses/apache-2.0/