alibaba/formily
Formily
Formily is a schema-driven framework designed for building complex web forms by decoupling business logic and validation rules from the underlying user interface. It utilizes a declarative JSON schema to define form structures, allowing developers to manage data collection and field interactions independently of specific component libraries or frontend frameworks.
The system is built upon a reactive observable state engine that synchronizes form data, validation status, and field interactions in real time. By employing a recursive tree traversal and a centralized event bus, the engine manages granular updates across the form structure, ensuring high performance even in complex, nested layouts.
Beyond its core engine, the project provides a visual builder interface that enables the construction of sophisticated form layouts through drag-and-drop configuration. This approach allows for the standardization of data collection processes and the creation of reusable form definitions across large-scale applications.
Features
- Schema-Based Generators - Enables building complex web forms by defining structures in JSON schemas to decouple data logic from the user interface.
- Declarative Form Schemas - Provides a framework for building complex web forms using declarative JSON schemas to decouple field definitions from rendering.
- Reactive Form Builders - Provides a reactive engine for tracking and synchronizing form data, validation, and field interactions in real time.
- Reactive State Management Libraries - Ships an observable state engine that synchronizes form data and validation status with the user interface in real time.
- Configuration-Driven Schemas - Uses declarative JSON schemas to define form structures and validation rules at runtime.
- Schema-Driven Generators - Generates dynamic form interfaces and validation logic from standardized JSON schema definitions.
- Form and Input Management - Manages complex form logic and validation consistently across different frontend frameworks and component libraries.
- Form Builders - Includes a drag-and-drop interface for designing complex form layouts and configurations without manual code.
- Form Management - High-performance, extensible form management for TypeScript.
- Forms - Unified form solution for complex enterprise applications.
- Forms and Validation - Unified solution for complex form management.
- UI Data Observers - Tracks field values and validation status using a reactive observer pattern to trigger granular UI updates.
- Form State Management - Synchronizes form data and validation status across complex, nested component structures using an observable engine.
- Block-Based Form Builders - Integrates drag-and-drop interfaces for designing sophisticated form layouts without manual coding.
- Framework-Agnostic Rendering - Decouples core form logic from specific UI component libraries by delegating rendering to external adapters.
- Tree Traversal Engines - Navigates and processes hierarchical form structures recursively to inject state-bound properties into nested components.
- Headless Logic Decoupling - Separates business logic and state management from visual rendering layers to ensure framework-agnostic form definitions.
- Forms - Standardizes data collection processes across large applications through reusable form schemas and centralized validation.
Star history
How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.
