Getting started with Tachyons

We use Tachyons. Here’s why:

• Frameworks like Ant or Bootstrap provide consistency without flexibility. We don't write css, which speeds up initial development and on-boarding, but customizing things can be kafka-esque.

• Relying on developers means that we end up with css classes littered with custom sizes. Things look inconsistent that way. Even with a design document, specifications for sizes would be easy to forget, and hard to enforce.

• Tachyons enable customization, but presents thoughtfully chosen attributes as classes. Using those classes, we get consistency in fonts sizes, margins, widths, colors, etc. Creating custom utility classes is easy, and done in css. Generally, the class names are also shorthand for css, which makes in easier to learn.

Tools

These tools might help you get started:

• cheat sheet
• VSCode css intellisense
• Customizing the library