NetEase Tango
Tango is a free, MIT-licensed, source-code-based low-code builder from NetEase that generates and edits real React source code instead of a proprietary format.
- GitHub stars
- 3.1k
- Last commit
- 2 yr ago
- Latest release
- @music163/tango-designer@1.4.0
- Licence
- MIT
- Self-hosted
- Yes
Tango is a low-code builder created by NetEase Cloud Music's engineering teams that is driven by actual source code rather than a private DSL or protocol. It is aimed at frontend teams who want the speed of visual, drag-and-drop page building while keeping the output as ordinary, readable source code they can commit, review and extend by hand.
It parses and generates code based on the AST of the project, supporting real-time source-code-in, source-code-out editing, and ships a front-end low-code designer as a set of flexible React components that other teams can embed into their own tools. The project has been used in NetEase Cloud Music's production environment and has been applied to build an internal app builder, a dashboard app builder, a mobile app builder, a React Native app builder and an email builder.
Tango is written in TypeScript, requires Node 18 or newer and Yarn, and uses CodeSandbox's Sandpack project to provide in-browser code execution. It is released under the MIT license, with documentation and a playground application linked from the repository for trying it directly.
Key features
- Source-code-based, DSL-free low-code editing
- Real-time code generation from AST
- Embeddable React designer components
- Used in production at NetEase Cloud Music
- Supports building dashboards, mobile and email apps
Pricing: Free and open source under the MIT license.
