lets make forms fun again
Create React forms from a simple JSON using Material UI, Mantine, React Bootstrap, AntDesign, RSuite (or just React)
And no, you don't have to write it, create it visually with the LetsForm Designer
Try LetsForm DesignerFREEGet started
![[LetsForm]](https://img.shields.io/github/stars/guidone/lets-form.svg?style=social){kind=link}
![[Edit me]](https://letsform.dev/_next/image?url=%2Fimages%2Fedit-me-arrow.png&w=128&q=75){kind=link}
{
"$schema": "https://unpkg.com/lets-form/schemas/react-rsuite5/form.json",
"version": 2,
"layout": "vertical",
"validationMode": "onSubmit",
"fluid": true,
"fields": [
{
"component": "input-text",
"label": "My Text",
"name": "my_field",
"hint": "Some help can be useful"
},
{
"component": "select",
"label": "My Select",
"name": "my_select",
"options": [
{
"value": "one",
"label": "One"
},
{
"value": "two",
"label": "Two"
}
],
"react-rsuite5": {
"block": true
}
}
],
"name": "Intro"
}
Example: Simplest example
Native UI componentsDefine React forms using simple and declarative JSON files or boilerplate-free DSL, rendered with native components of AntD, RSuite, Material UI, React-Bootstrap, Mantine or just vanilla React.
No strings attachedWire up params like defaultValues and onChange or onSubmit and it just works, how to use the data is up to you! It can send it somewhere if you want to.
There are no third-party servers involved!
There are no third-party servers involved!
Batteries includedDon't re-invent the wheel: i18n localization, array of fields, validation, enable/disable fields, groups, steps, tabs, localized fields like date, time and currency ,plaintext version of the form.
Export to ReactExport the JSON Form Schema as working React code, standalone HTML or as an npm package to streamline your form development.
Dynamic formsCreate dynamic forms with the language you love: JavaScript. Hide, show, enable, disable or change any property of the fields with few line of JavaScript codes.
Form templatesLetsForm Designer comes with a variety of pre-built templates that can help you get started quickly or can be included in your existing forms.
React Hook FormBased on React Hook Form: small size and great performance, you don't have to worry about unnecessary re-renderings again.
Advanced toolsAdvanced tool available in LetsForm Designer: projects management, automatic translations and GitHub