Formiz
npm install @formiz/core
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 installDevelopment
pnpm dev- Documentation available on localhost:3000
- Examples available on localhost:3001
Sponsors
Thanks to our sponsors. Become one of them.
