Formily
Alibaba’s cross-framework, reactive form solution for complex enterprise applications.
Why consider Formily?
Formily is an enterprise-grade, reactive form architecture solution by Alibaba. It handles massive complex schemas, dynamic link calculations, and custom field component lifecycles in React and Vue.
Learn Formily by building
Practical setup notes, real use cases, and copy-ready examples in one focused guide.
In this guide2 sections
Overview of Formily
Formily separates form domain logic from the presentation layer using reactive state kernels. It excels at multi-level nested tables, dynamic form array mutations, and high-frequency real-time calculations.
Installing Formily with React Ant Design
npm install @formily/core @formily/react @formily/antd-v5 antdimport { createForm } from "@formily/core";import { FormProvider, createSchemaField } from "@formily/react";import { Input, FormItem, Submit } from "@formily/antd-v5";const form = createForm();const SchemaField = createSchemaField({ components: { Input, FormItem }});const schema = { type: "object", properties: { username: { type: "string", title: "Username", required: true, "x-decorator": "FormItem", "x-component": "Input" } }};export default function App() { return ( <FormProvider form={form}> <SchemaField schema={schema} /> <Submit onSubmit={console.log}>Submit</Submit> </FormProvider> );}Formily is licensed under the permissive MIT License.
Related tools
More options with a similar category or technology profile.
diskus
Minimal, fast alternative to du -sh written in Rust using multi-threaded directory traversal.
peco
Simplistic interactive filtering tool for Unix pipelines, process lists, and file trees.
Dapr CLI
Command-line tool for managing Dapr distributed application runtime environments and sidecars.
Freeze
Generate beautiful image screenshots and SVGs of code snippets and terminal outputs.