Tandem is still new, so expect bugs. If you'd like to contribute, feel free to reach out to hello@tandemcode.com.
Tandem is a UI builder for web applications. It currently works with React, other languages & frameworks will be supported in the future. The primary goal for Tandem is to provide a faster, easier, safer, and more scalable alternative to handwritten HTML & CSS code.
Tandem works in Windows & MacOS. There are a few ways you can install it:
a. Download the stand alone version: https://github.com/tandemcode/tandem/releases
b. Install the command line tools:
npm install tandem-cli --save-dev
cd path/to/app
# Create a new project
./node_modules/.bin/tandem init
# Open project
./node_modules/.bin/tandem openThe command line tools can manage multiple versions of Tandem, which is helpful for multiple projects that use different UI file (*pc) versions.
More info can be found in the installation docs
- Designed to work with existing code (currently only React).
- Not a code replacement. Tandem only allows you to create simple HTML & CSS.
- Unopinionated, so you can adapt Tandem to fit your needs.
- UI files can be split out into multiple files, and organized however you want.
- Handwritten HTML & CSS can be mixed with Tandem UIs (this is helpful if you need to integrate complex code).
- Few abstractions. Tandem gives you transparent tooling that's based on web standards.
- Installation
- Releases
- Tutorial videos
- Terminology & Concepts
- Goals & Non-goals
- Examples
- Development
- Language integrations