Description:
Formity is a React form-building library for creating intelligent multi-step forms with conditional logic capabilities.
The library works through two main packages: @formity/react for React integration and @formity/system for core functionality.
What distinguishes Formity from traditional form libraries is its schema-driven approach that allows forms to dynamically adjust their flow based on previous answers, creating personalized user experiences without requiring developers to write extensive conditional logic.
Features
- 🔄 Dynamic Form Adaptation – Forms automatically adjust questions based on previous user responses.
- 🧩 Component Integration – Works with any custom React components without restrictions.
- 🔀 Advanced Logic Support – Handles complex conditions, loops, and branching logic through schema configuration.
- 📚 Form Library Compatibility – Integrates with React Hook Form, Formik, and TanStack Form.
- 📋 Schema-Driven Architecture – Define form structure and behavior through declarative schemas.
- âš¡ TypeScript Support – Full TypeScript integration with type-safe form definitions.
- 🎯 Callback System – Event handling through onReturn callbacks for form completion.
Preview
Use Cases
- Customer Onboarding Flows – Create personalized registration processes that adapt based on user type, company size, or specific needs.
- Survey and Questionnaire Systems – Build intelligent surveys that skip irrelevant questions and dive deeper into specific areas based on responses.
- E-commerce Checkout Processes – Develop checkout flows that adjust payment options, shipping methods, and additional services based on cart contents and user preferences.
- Medical or Legal Forms – Create compliance forms that present relevant questions based on jurisdiction, condition type, or regulatory requirements.
- Product Configuration Tools – Build configurators that guide users through complex product customization based on their selections and requirements.
Related Resources
- React Hook Form – Performant forms library with minimal re-renders and easy validation
- Formik – Popular form library for React with comprehensive validation support
- TanStack Form – Type-safe form state management library with framework-agnostic design
- React Final Form – High performance subscription-based form state management
FAQs
Q: Can Formity work with existing form validation libraries?
A: Yes, Formity integrates with React Hook Form, Formik, and TanStack Form, allowing you to use their validation systems while leveraging Formity’s multi-step and conditional logic features.
Q: How does conditional logic work in Formity schemas?
A: Conditional logic uses functions in the schema that evaluate previous form values. You can define conditions at the step level or field level to show/hide content based on user responses.
Q: Does Formity support custom components?
A: Formity supports complete custom component integration without restrictions. You can use any React component by specifying it in the schema’s component field.
Q: Can I use Formity for complex multi-branch forms?
A: Yes, Formity handles complex conditional flows including loops, branching logic, and nested conditions through its schema-driven approach.
