https://rjsf-team.github.io/react-jsonschema-form/

A React component for building Web forms from JSON Schema.
https://rjsf-team.github.io/react-jsonschema-form/

data-validation forms json json-schema react ui web

Last synced: about 1 month ago
JSON representation

A React component for building Web forms from JSON Schema.

• Host: GitHub
• URL: https://rjsf-team.github.io/react-jsonschema-form/
• Owner: rjsf-team
• License: apache-2.0
• Created: 2015-12-16T15:14:05.000Z (almost 9 years ago)
• Default Branch: main
• Last Pushed: 2024-11-01T19:14:39.000Z (about 1 month ago)
• Last Synced: 2024-11-05T14:03:33.546Z (about 1 month ago)
• Topics: data-validation, forms, json, json-schema, react, ui, web
• Language: TypeScript
• Homepage: https://rjsf-team.github.io/react-jsonschema-form/
• Size: 322 MB
• Stars: 14,326
• Watchers: 163
• Forks: 2,188
• Open Issues: 286
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md
  • Code of conduct: CODE_OF_CONDUCT.md
  • Codeowners: .github/CODEOWNERS
  • Security: SECURITY.md

Awesome Lists containing this project

• awesome-json - react-jsonschema-form - A React component for building Web forms from JSON Schema. (React) (Frontend components)

README

        
[![Build Status][build-shield]][build-url]

[![Contributors][contributors-shield]][contributors-url]

[![Apache 2.0 License][license-shield]][license-url]



  

    

  

  
react-jsonschema-form


  


    A simple React component capable of using JSON Schema to declaratively build and customize web forms.

    


    Explore the docs »

    


    


    View Playground

    ·

    Report Bug

    ·

    Request Feature

  


[![playground animation](https://i.imgur.com/M8ZCES5.gif)](https://rjsf-team.github.io/react-jsonschema-form/)

## Supported Themes

- [Ant Design](https://github.com/rjsf-team/react-jsonschema-form/tree/main/packages/antd)

- [Bootstrap 3](https://github.com/rjsf-team/react-jsonschema-form/tree/main/packages/core)

- [Bootstrap 4](https://github.com/rjsf-team/react-jsonschema-form/tree/main/packages/bootstrap-4)

- [Chakra UI](https://github.com/rjsf-team/react-jsonschema-form/tree/main/packages/chakra-ui)

- [Fluent UI](https://github.com/rjsf-team/react-jsonschema-form/tree/main/packages/fluent-ui)

- [Fluent UI 9](https://github.com/rjsf-team/react-jsonschema-form/tree/main/packages/fluentui-rc)

- [Material UI 4](https://github.com/rjsf-team/react-jsonschema-form/tree/main/packages/material-ui)

- [Material UI 5](https://github.com/rjsf-team/react-jsonschema-form/tree/main/packages/mui)

- [Semantic UI](https://github.com/rjsf-team/react-jsonschema-form/tree/main/packages/semantic-ui)

## Documentation

Read our [documentation](https://rjsf-team.github.io/react-jsonschema-form/docs), powered by [Docusaurus](https://docusaurus.io/).

## Live Playground

A [live playground](https://rjsf-team.github.io/react-jsonschema-form/) is hosted on GitHub Pages.

## Contributing

Read our [contributors' guide](https://rjsf-team.github.io/react-jsonschema-form/docs/contributing) to get started.

## Credits

Testing powered by BrowserStack




[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/