About NetEase Tango
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
Good fit for
- →Visual page building that outputs real source code
- →Internal tool and dashboard builders
- Built with
- TypeScript
- Tags
- low-code
- react
- typescript
- page-builder
- no-code
- site-builder
- ast
NetEase Tango: questions and answers
- What is NetEase Tango used for?
- NetEase 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. It is a good fit for visual page building that outputs real source code, and internal tool and dashboard builders.
- Is NetEase Tango open source?
- Yes. NetEase Tango is open source under the MIT licence. Its source code is on GitHub at NetEase/tango and is written mainly in TypeScript.
- Is NetEase Tango free?
- Yes. NetEase Tango is open source, so the software itself is free to use.
- What is NetEase Tango an alternative to?
- NetEase Tango is an open-source alternative to Tango, WeWeb and Format. Other open-source alternatives to WeWeb include Brick Design and Noodl.
- Is NetEase Tango actively maintained?
- The most recent commit to NetEase Tango was on 10 September 2024. The project has 3.1k stars on GitHub.
Open-source alternatives to NetEase Tango
See allBrick Design
Low-code & Internal Tools
低代码框架,支持流式布局与自由布局拖拽编排,可视化拖拽、随意嵌套组合、实时渲染、实时辅助线展示、自由布局支持辅助对齐、支持自动吸附、实时组件间距展示、实时拖拽排序、状态域管理,可视
MITvs WeWeb★ 5.1k
Noodl
Low-code & Internal Tools
Noodl is a low code platform for creating full stack web applications
GPL-3.0vs Bubble★ 552
Webstudio
CMS
Open source website builder and Webflow alternative. Webstudio is an advanced visual build
AGPL-3.0vs Webflow★ 9k
Silex
CMS
Silex is an online tool for visually creating static sites with dynamic data. With the fre
AGPL-3.0vs Webflow★ 3k
WordPress
CMS
WordPress, Git-ified. This repository is just a mirror of the WordPress subversion reposit
OSSvs Wix★ 21k
Instatic
CMS
The open-source alternative to Webflow, Framer and WordPress. Agentic self-hosted visual C
MITvs Webflow★ 8.8k
SaaS alternatives to NetEase Tango
See all
Tango
Docs & Wikis
Records clicks to produce step-by-step process documentation
SaaS
WeWeb
Low-code & Internal Tools
No-code front-end builder that connects to any backend
SaaS
Format
CMS
Portfolio website builder for photographers, artists and designers
SaaS
Bubble
Low-code & Internal Tools
Visual web app builder with a built-in database, workflows and plugins
SaaS
FlutterFlow
Low-code & Internal Tools
Visual builder that generates Flutter apps with Firebase and Supabase integration
SaaS
Wappler
Low-code & Internal Tools
Visual development tool for building web and mobile apps with server-side logic
SaaS

