Your text editor's new best friend
Tandem is a code-first visual editor for creating any kind of web application.
Tandem is browser replacement that provides visual development tools for creating any kind of web application.
Support for early access
Design & code in parallel
Write code in your text editor, and Tandem will automatically update a preview (or multiple previews) of your application that you can edit. Preview edits in Tandem are sent back to your text editor as code in the supported languages you're writing in.
Build richer experiences
Visually adjust any part of your application. With media query tools, measurement tools, color fills, filters, and more, you can finally make visual adjustments that are hard to code by hand.
Runs any application
JavaScript, ReactJS, VueJS, your custom in-house framework. Run anything you want in Tandem, and have access to a new set of visual tools to help you make pixel perfect applications faster. No risk, or lock-in.
  • Transparent
    Tandem's tooling is just an augmentation for HTML & CSS features, and are designed to aid you in debugging & developing web features.
  • Preview syncing
    Tandem synchronizes previews, so you can see how visual edits affect all pages, device sizes, and browsers in parallel.
And many more features
Instant Feedback
No need to wait for your preview to reload. Changes appear immediately as you're visually editing your application. Tandem will asynchronusly write code for you in the background.
Collaborate
(Planned) Share your workspace with your designers who will be welcomed with a familiar interface that allows them to make visual adjustments according to their design specs.
Cross-browser testing
(Planned) Change a preview's rendering engine to any native browser with a click of a button. Design & develop your application against multiple browsers in parallel, and without ever needing to leave Tandem.
Synchronized interactions
User interactions including button clicks, and keyboard events are automatically synchronized with all previews that share the same page.
Writes in many languages
Tandem currently writes code in Sass, Less, TypeScript, JavaScript, JSX, HTML, and CSS, with many more languages that will be supported soon. You can still any stack you want - Tandem will provide raw HTML & CSS that you can copy.
Customizable
(Planned) You can easily install new plugins for additional UI tools, language writers, or any other feature that you need to build web applications.
More coming soon.
Free & Open source

Tandem is free & open source (MIT), and is only possible with your support.

Become a backer
Launching soon
Tandem will soon be available for Alpha testers.
Fork me on GitHub