Formiz

React forms with ease! Composable, headless & with built-in multi steps
GitHub
391
Created 5 years ago, last commit 5 days ago
12 contributors
574 commits
Stars added on GitHub, month by month
0
10
11
12
1
2
3
4
5
6
7
8
9
2023
2024
Stars added on GitHub, per day, on average
Yesterday
=
Last week
0.0
/day
Last month
0.0
/day
Last 12 months
+0.1
/day
Package on NPM
Monthly downloads on NPM
10
11
12
1
2
3
4
5
6
7
8
9
2023
2024
No dependencies
README

Formiz

Documentation | Examples

npm install @formiz/core

👉 Getting Started

Features

  • 🏗 Composable API and validations
  • 🧙‍ Built-in multi steps
  • 💅 Headless, build your own UX!
  • 📋 Turn everything into fields
  • ⚛️ Built with Typescript & hooks
  • 📱 React Native compatible

Concept

The idea behind Formiz is to allows you to build advanced forms with multiple steps, complex validations and a good UX without pain.

The main idea is to build fields as independent reusable components. Fields can be anything, not just inputs. Once you have built your fields, you can use them everywhere.

When you use a field built with Formiz, you can apply validations on it. Only the mounted fields will apply their validation to the current step and to the form.

// Field Example
<MyField
  name="email"
  type="email"
  required="Email is required"
  validations={[
    {
      handler: isEmail(),
      message: "Not a valid email",
    },
  ]}
/>

Contributing

Installation

Requirements

pnpm install

Development

pnpm dev

Sponsors

Thanks to our sponsors. Become one of them.