back to home

alibaba / formily

📱🚀 🧩 Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3

12,610 stars
1,594 forks
138 issues
TypeScriptVueJavaScript
Chat with CodebaseArchitecture ScanSecurity AuditExplain Codebase

AI Architecture Analysis

This repository is indexed by RepoMind. By analyzing alibaba/formily in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.

Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.

Click here to launch the interactive analysis workspace

Embed this Badge

Showcase RepoMind's analysis directly in your repository's README.

[![Analyzed by RepoMind](https://img.shields.io/badge/Analyzed%20by-RepoMind-4F46E5?style=for-the-badge)](https://repomind-ai.vercel.app/repo/alibaba/formily)
Preview:Analyzed by RepoMind

Repository Summary (README)

Preview

English | įŽ€äŊ“中文

<p align="center"> <img src="https://img.alicdn.com/tfs/TB1fHhZu4D1gK0jSZFyXXciOVXa-2500-1200.png"> <img src="https://img.shields.io/npm/dt/@formily/core"/> <img src="https://img.shields.io/npm/dm/@formily/core"/> <a href="https://www.npmjs.com/package/@formily/core"><img src="https://img.shields.io/npm/v/@formily/core.svg"></a> <a href="https://codecov.io/gh/alibaba/formily"> <img src="https://codecov.io/gh/alibaba/formily/branch/formily_next/graph/badge.svg?token=3V9RU8Wh9d"/> </a> <img alt="PRs Welcome" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg"/> <a href="https://github.com/actions-cool/issues-helper"> <img src="https://img.shields.io/badge/using-issues--helper-blueviolet"/> </a> <a href="https://app.netlify.com/sites/formily/deploys"><img src="https://api.netlify.com/api/v1/badges/7145918b-9cb5-47f8-8a42-111969e232ef/deploy-status"/></a> </p>

Background

In React, the whole tree rendering performance problem of the form is very obvious in the controlled mode. Especially for the scene of data linkage, it is easy to cause the page to be stuck. To solve this problem, we have distributed the management of the state of each form field, which significantly improves the performance of the form operations. At the same time, we deeply integrate the JSON Schema protocol to help you solve the problem of back-end driven form rendering quickly.

Features

  • đŸ–ŧ Designable, You can quickly develop forms at low cost through Form Builder.
  • 🚀 High performance, fields managed independently, rather rerender the whole tree.
  • 💡 Integrated Alibaba Fusion and Ant Design components are guaranteed to work out of the box.
  • 🎨 JSON Schema applied for BackEnd. JSchema applied for FrontEnd. Two paradigms can be converted to each other.
  • 🏅 Side effects are managed independently, making form data linkages easier than ever before.
  • đŸŒ¯ Override most complicated form layout use cases.

Form Builder

https://designable-antd.formilyjs.org/

WebSite

2.0

https://formilyjs.org

1.0

https://v1.formilyjs.org

Community

How to contribute?

Contributors

This project exists thanks to all the people who contribute. <a href="https://github.com/alibaba/formily/graphs/contributors"><img src="https://contrib.rocks/image?repo=alibaba/formily" /></a>

LICENSE

Formily is open source software licensed as MIT.