{"id":23968622,"url":"https://github.com/vutran/react-jsonschema","last_synced_at":"2025-07-26T07:34:19.200Z","repository":{"id":57141787,"uuid":"61915206","full_name":"vutran/react-jsonschema","owner":"vutran","description":":art: Create beautiful forms with JSONSchema","archived":false,"fork":false,"pushed_at":"2018-03-06T16:08:24.000Z","size":503,"stargazers_count":31,"open_issues_count":2,"forks_count":9,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-06-15T04:18:03.251Z","etag":null,"topics":["form","javascript","json-schema","material-ui","react"],"latest_commit_sha":null,"homepage":"https://vutran.github.io/react-jsonschema/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vutran.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-06-24T22:14:31.000Z","updated_at":"2022-02-04T22:24:25.000Z","dependencies_parsed_at":"2022-09-05T18:50:30.088Z","dependency_job_id":null,"html_url":"https://github.com/vutran/react-jsonschema","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/vutran/react-jsonschema","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vutran%2Freact-jsonschema","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vutran%2Freact-jsonschema/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vutran%2Freact-jsonschema/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vutran%2Freact-jsonschema/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vutran","download_url":"https://codeload.github.com/vutran/react-jsonschema/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vutran%2Freact-jsonschema/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265875417,"owners_count":23842720,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["form","javascript","json-schema","material-ui","react"],"created_at":"2025-01-07T00:15:23.972Z","updated_at":"2025-07-26T07:34:19.135Z","avatar_url":"https://github.com/vutran.png","language":"JavaScript","funding_links":["https://www.patreon.com/vutran"],"categories":[],"sub_categories":[],"readme":"# React JSONSchema\n\n[![Build Status](https://travis-ci.org/vutran/react-jsonschema.svg?branch=develop)](https://travis-ci.org/vutran/react-jsonschema) [![Coverage Status](https://coveralls.io/repos/github/vutran/react-jsonschema/badge.svg?branch=develop)](https://coveralls.io/github/vutran/react-jsonschema?branch=develop) [![license](https://img.shields.io/github/license/mashape/apistatus.svg?maxAge=2592000)]()\n\n\u003e Create beautiful forms with [JSONSchema](http://json-schema.org)\n\u003e Inspired by [react-jsonschema-form](https://github.com/mozilla-services/react-jsonschema-form) from Mozilla.\n\n![](screenshot.png?raw=true)\n\n## Installation\n\n````bash\n$ npm install --save react-jsonschema\n````\n\n## Usage\n\n````js\nimport Form from 'react-jsonschema';\n\nconst schema = {\n  \"title\": \"Basic Demo\",\n  \"type\": \"object\",\n  \"properties\": {\n    \"firstName\": {\n      \"type\": \"string\",\n      \"title\": \"First Name\",\n    },\n    \"lastName\": {\n      \"type\": \"string\",\n      \"title\": \"Last Name\",\n    },\n    \"age\": {\n      \"type\": \"integer\",\n      \"title\": \"Age\",\n      \"description\": \"Age in years\",\n    },\n  },\n};\n\nconst formData = {\n  firstName: '',\n  lastName: '',\n  age: '',\n};\n\nReactDOM.render(\n  \u003cForm\n    schema={schema}\n    formData={formData}\n    onError={errors =\u003e {\n      console.log(errors);\n    }}\n    onSubmit={data =\u003e {\n      console.log(data);\n    }}\n  /\u003e,\n  document.getElementById('app'),\n);\n````\n\n## Contributing\n\n1. Clone the repository\n2. Install dependencies\n\n  **With `npm`:**\n\n  ```bash\n  $ npm install\n  ```\n\n  **With [`yarn`](https://github.com/yarnpkg/yarn):**\n\n  ```bash\n  $ yarn\n  ```\n3. Run tests: `npm t`\n\n## References\n\n- [JSON Schema](http://json-schema.org/)\n\n## Support\n\nLike what you see? [Become a Patron](https://www.patreon.com/vutran) and support me via a monthly donation.\n\n## License\n\nMIT © [Vu Tran](https://github.com/vutran/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvutran%2Freact-jsonschema","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvutran%2Freact-jsonschema","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvutran%2Freact-jsonschema/lists"}