A source code based low-code builder.
English | 简体中文
You can view the detailed usage guide through the following links:
- Document site: https://netease.github.io/tango-site/
- Playground application: https://tango-demo.musicfe.com/designer/
- Tested in the production environment of NetEase Cloud Music, can be flexibly integrated into low-code platforms, local development tools, etc.
- Based on source code AST, with no private DSL and protocol Real-time code generation capability, supporting source code in and source code out
- Out-of-the-box front-end low-code designer, providing flexible and easy-to-use designer React components
- Developed using TypeScript, providing complete type definition files
You can use tango to build lowcode builders, for example:
| Preview | Description |
|---|---|
| Internal App Builder | |
| Dashboard App Builder | |
| Mobile App Builder | |
| ReactNative App Builder | |
| Email Builder |
- Modern browsers（Chrome >= 80, Edge >= 80, last 2 safari versions, last 2 firefox versions）
- Node
>= 18 - Yarn
>= 1.22 && < 2
# clone the repo
git clone https://github.com/NetEase/tango.git
# enter the project root
cd tango
# install dependencies
yarn
# start the designer playground app
yarn startIf you need to use https in the local development environment, you can use the following command to generate a certificate:
brew install mkcert
# install the local certificate
mkcert -install
# enter the playground app directory
cd apps/playground
# generate a certificate
mkcert local.netease.com # or change to your own domain nameJoin NetEase Tango Community to share your ideas, suggestions, or questions and connect with other users and contributors.
Please read the github contribution guide first。
- Clone the repository
- Create a branch
- Commit and push your code
- Open a Pull Request
Thanks to the NetEase Cloud Music Front-end team, Public Technology team, Live Broadcasting Technology team, and all the developers who participated in the Tango project.
Thank you to CodeSandbox for providing the Sandpack project, which provides powerful online code execution capabilities for Tango.
Don't waste your time restoring the UI, try the NetEase Cloud Music "Seal D2C" development tool! Easily turn your design into code, support React, RN, Vue, WeChat apps and other multi-end scenarios, what you see is what you get!
Experience "Seal D2C" now:
- I'm a Figma user: https://www.figma.com/community/plugin/1174548852019950797/seal-figma-to-code-d2c/
- I'm a MasterGo user: https://mastergo.com/community/plugin/98956774428196/
This project is licensed under the terms of the MIT license