Formiz

<p> <a href="https://formiz-react.com">Documentation</a> | <a href="https://examples.formiz-react.com">Examples</a> </p>

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

• NodeJS
• pnpm
• On React Native : add os in package.json

pnpm install

Development

pnpm dev

• Documentation available on localhost:3000
• Examples available on localhost:3001

Sponsors

Thanks to our sponsors. Become one of them.

<a target = _blank href = 'https://bearstudio.fr' /> <img width = 94 src = 'https://images.opencollective.com/bearstudio/6e72b13/logo/256.png' /> </a>