JasonTypesCodes / tandem

Tandem is a visual editor for web applications

Home Page:http://tandemcode.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tandem (Preview)

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.

Split view

Installation

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 open

The 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

Highlights

  • 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.

Resources

About

Tandem is a visual editor for web applications

http://tandemcode.com


Languages

Language:TypeScript 88.2%Language:CSS 10.1%Language:JavaScript 1.4%Language:HTML 0.3%Language:Shell 0.0%