Lets Form screenshot

Lets Form

Author Avatar Theme by Guidone
Updated: 15 Apr 2025
134 Stars

A JSON form generator for React with Material UI / AntDesign / Bootstrap / RSuite / Mantine

Categories

Overview:

LetsForm is an open-source tool designed for generating React forms easily through simple JSON schemas. It utilizes various native UI components such as Material UI, AntD, RSuite, ReactBootstrap, Mantine, and React to streamline the form-building process. With LetsForm, developers can eschew repetitive boilerplate tasks and design forms visually with the help of the LetsForm designer. Based on the performant React Hook Form, LetsForm ensures visual consistency across different forms and provides support for features like validation, multi-language (i18n) support, and dynamic form creation using JavaScript.

Features:

  • Easy Form Generation: Create React forms using simple JSON schemas.
  • Visual Form Design: Design forms visually with the LetsForm designer.
  • Consistent UI Components: Utilize over 30 components for consistent behavior and properties.
  • Built-in Validation: Validation support with i18n and scripting capabilities.
  • Multi-language Support: Automatic translations of i18n tokens for multi-language forms.
  • Dynamic Forms: Implement dynamic forms using JavaScript with a straightforward set of instructions.
  • Form Modes: Easily switch between editable, disabled, read-only, and plaintext form modes.
  • Array Support: Define fields for arrays and seamlessly manage array items within the form.
  • Form Templates: Access ready-to-use form templates like cascading dropdowns and credit card validation.

Installation:

To get started with LetsForm, follow these steps:

  1. Install LetsForm.
  2. Create a simple JSON form schema with just one text field or use the LetsForm Designer.
  3. Utilize RSuite components for the form.

Summary:

LetsForm is a versatile tool for developers seeking to streamline the process of creating React forms. By leveraging simple JSON schemas and a variety of native UI components, LetsForm simplifies form building and design. From visual form creation to dynamic form implementation and support for various form features, LetsForm aims to enhance the form development experience for React developers.