🎮 Playground
Test and experiment with configuration options in a live environment.
📖 Documentation
Learn how to use Jedison with detailed guides and interactive examples.
Jedison helps you validate JSON data on the backend and generate interactive forms from JSON Schemas on the frontend.
One common workflow looks like this:
- Your backend sends the JSON Schema to the client
- Jedison automatically renders a complete form based on the schema
- Users interact with the form while getting instant client-side validation
- Validated data gets submitted back to your server
- The same schema validates the data again server-side for security
But Jedison is flexible enough to support other patterns too - you might use it for:
- Standalone client-side forms without server validation
- Pure server-side JSON validation in your backend services
- Hybrid approaches where different parts of the schema are used in different contexts
npm
npm install jedisonyarn
yarn add jedison<div id="jedison-container"></div>
<script type="module">
import Jedison from 'jedison'
const jedison = new Jedison.Create({
container: document.querySelector('#jedison-container'),
theme: new Jedison.Theme(),
schema: {
"title": "Person",
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "The person's name."
},
"age": {
"description": "Age in years which must be equal to or greater than zero.",
"type": "integer",
"minimum": 0
}
}
}
})
</script><script src="https://cdn.jsdelivr.net/npm/jedison@latest/dist/umd/jedison.umd.js"></script>
<div id="jedison-container"></div>
<script>
const jedison = new Jedison.Create({
container: document.querySelector('#jedison-container'),
theme: new Jedison.Theme(),
schema: {
"title": "Person",
"type": "object",
"properties": {
"name": {
"type": "string",
"description": "The person's name."
},
"age": {
"description": "Age in years which must be equal to or greater than zero.",
"type": "integer",
"minimum": 0
}
}
}
})
</script>Jedison is released under the MIT License, making it free for commercial and non-commercial use.