uniforms

uniforms is a set of React libraries designed for building forms automatically from any schema. It provides fields capable of rendering various schema types, supports both inline and asynchronous form validation, and offers a helper for creating custom fields easily.

Key features include:

• Automatic form generation based on provided schemas.
• Schema Integrations: Native support for JSON Schema, SimpleSchema@2, and Zod, with the ability to wrap any other schema type.
• Theming Options: Ready-to-use themes for Ant Design (AntD), Bootstrap 4, Bootstrap 5, Material UI (MUI), Semantic UI, and plain HTML.

To use JSON Schema as a schema provider for uniforms, install the uniforms-bridge-json-schema package via npm.

$ npm install uniforms-bridge-json-schema

To install all dependencies for the project, run the following command in the root directory using pnpm.

$ pnpm install

To use Zod schemas with uniforms, install the uniforms-bridge-zod package via npm.

$ npm install uniforms-bridge-zod

To use the core functionality of uniforms, install the uniforms package via npm.

$ npm install uniforms

To generate static content for the website, run the following command from the root directory. The output will be located in the build directory and can be hosted on any static content hosting service.

$ pnpm -filter=website run build

To use Semantic UI components with uniforms, install the uniforms-semantic package via npm.

$ npm install uniforms-semantic

Install the uniforms-mui package using npm to use Material UI (MUI) components with uniforms.

$ npm install uniforms-mui

To start a local development server for the website, run the following command from the root directory. This will open a browser window and support live reloading for most changes.

$ pnpm -filter=website run start

To use Ant Design UI components with uniforms, install the uniforms-antd package via npm.

$ npm install uniforms-antd

To use unstyled components with uniforms, install the uniforms-unstyled package using npm.

$ npm install uniforms-unstyled

To use Bootstrap 5 UI components with uniforms, install the uniforms-bootstrap5 package using npm.

$ npm install uniforms-bootstrap5