DronaHQ
Low-code platform for internal apps, workflows, and AI agents with enterprise controls
Tango
Transform designs into production-ready code with AST-driven low-code
Tango LowCode Builder lets developers generate and edit source code in real time using a visual React designer, eliminating custom DSLs and fitting seamlessly into existing TypeScript projects.
Overview
Overview
Tango LowCode Builder is a source‑code‑driven low‑code platform that lets developers create and modify applications through a visual React designer while the underlying TypeScript code is generated in real time. By leveraging an abstract syntax tree (AST) it eliminates the need for proprietary DSLs, allowing the output to be standard, maintainable code.
Capabilities
The builder supports code‑in and code‑out workflows, meaning you can import existing TypeScript projects, edit them visually, and export clean source files. It ships with ready‑made React components for web, React Native, and email templates, and provides full type definitions for seamless integration. Tested in the production environment of NetEase Cloud Music, it runs in all modern browsers (Chrome ≥ 80, Edge ≥ 80, recent Safari and Firefox).
Deployment
Installation requires Node ≥ 18 and Yarn 1.x. After cloning the repository, developers can start the playground with yarn start to explore the designer locally, optionally securing the dev server with a self‑signed HTTPS certificate. The generated code can be incorporated into any CI/CD pipeline and deployed like regular TypeScript applications.
Highlights
AST‑based real‑time code generation (code‑in, code‑out)
Ready‑made React designer components for web, mobile, and email
TypeScript‑first with full type definitions
Production‑tested at NetEase Cloud Music, compatible with modern browsers
Pros
- No proprietary DSL – works directly with existing codebases
- Instant visual feedback accelerates development
- Strong TypeScript support ensures type safety
- Proven in high‑traffic production environment
Considerations
- Requires familiarity with AST concepts for advanced customization
- Limited to environments supporting modern browsers
- Node ≥ 18 and Yarn 1.x are mandatory for development
- Primarily focused on React ecosystem; other frameworks need adapters
Managed products teams compare with
When teams consider Tango, these hosted platforms usually appear on the same shortlist.
Looking for a hosted option? These are the services engineering teams benchmark against before choosing open source.
Fit guide
Great for
- Front‑end teams wanting to bridge design and code
- Enterprises seeking to embed low‑code capabilities into internal tools
- Developers building multi‑platform apps (web, RN, email) from a single source
- Projects that already use TypeScript and React
Not ideal when
- Teams without JavaScript/TypeScript expertise
- Projects requiring extensive back‑end logic generation
- Legacy codebases that cannot be parsed into an AST
- Environments limited to older browsers
How teams use it
Internal Dashboard Builder
Design dashboards visually and instantly produce clean React code for internal analytics tools.
Mobile App Prototyping
Create React Native interfaces in the designer and export ready-to-run RN components.
Email Template Generator
Compose email layouts with drag‑and‑drop and generate responsive HTML/CSS code.
Custom SaaS Builder
Enable product teams to assemble feature modules without writing boilerplate, accelerating time‑to‑market.
Tech snapshot
TypeScript99%
JavaScript1%
Less1%
Shell1%
HTML1%
Frequently asked questions
Does Tango require a proprietary language?
No, it operates directly on standard TypeScript/JavaScript source code using an AST, so no custom DSL is needed.
What browsers are supported for the designer?
Modern browsers – Chrome ≥ 80, Edge ≥ 80, the latest two versions of Safari and Firefox.
Can I integrate Tango into an existing CI pipeline?
Yes, the generated code is standard TypeScript/JavaScript, so it can be built, tested, and deployed like any other source.
Is there a way to extend the visual components?
The React designer is modular; you can add custom React components or plugins to tailor the UI.
What license governs Tango?
Tango is released under the MIT license, allowing free use and modification.
Project at a glance
Dormant- Stars
- 3,032
- Watchers
- 3,032
- Forks
- 357
LicenseMIT
Repo age2 years old
Last commitlast year
Primary languageTypeScript
Last synced 3 hours ago