1. Project Overview

MtBird by Xingda is a low-code visual page builder. It helps users build applications such as web pages, mini-programs, and forms through a visual interface.

2. Open Source License

Licensed under Apache-2.0

3. Screenshots

4. Feature Overview

With Xingda's simple canvas editor and rich application templates, you can design applications without writing code. Whether you are a business professional, product manager, or designer, and regardless of your programming experience, you can quickly build landing pages, websites, and mini-programs through visual drag-and-drop operations.

Editor Overview

The editor is essentially an independent React component that can be seamlessly embedded into React frontend projects through code, or integrated into Vue or AngularJS applications using micro-frontend frameworks such as Qiankun.

Renderer Overview

The renderer is a React component used by Xingda to render pages created with the editor. Simply pass in a PageConfig data structure built according to our specifications to render the target page.

Data Center Overview

The data center allows pages created with the Xingda editor to connect to data sources and support dynamic rendering.

There are three types of data sources:

• Form (form): Provides functionality equivalent to forms. See the Form Documentation.
• Data Model (model): Connects to Xingda's online data models.
• Custom API (api): Connects to your own API.

5. Tech Stack

Packages

mtbird-cli: Command-line tool
mtbird-component-basic: All basic components
mtbird-core: Basic utility methods and constant collection
mtbird-editor: Editor core library
mtbird-extension-image-library: Image library extension
mtbird-helper-component: Component loading and style adjustment tools and component collection
mtbird-helper-extension: Extension loading, sandbox environment, initialization, and data transfer utility collection
mtbird-renderer-web: Web renderer
mtbird-shared: Shared TS type library

Quick Start

Required NodeJS version: >=14.18.0

Visit Yifei Open Source: [https://code.exmay.com/](https://code.exmay.com/) to download
yarn
yarn run bootstrap
yarn start

Open in your browser: [http://localhost:3000/](http://localhost:3000/)

For local development of mtbird-related packages, please refer to the README.md documentation

Common Resources

• Bind a Custom Domain to a Page
• Quick Introduction to Xingda Extension Development
• Quick Introduction to Integrating the Xingda Editor into Business Systems
• Quick Introduction to Integrating the Xingda Renderer into Business Systems

Please refer to the README.md documentation