tachyons – Built for designing.

Create fast loading, highly readable, and 100% responsive interfaces with as little css as possible.

Copy the line of code below and paste it in the head of the html file(s) you want to include tachyons in.

<link rel="stylesheet" href="https://unpkg.com/tachyons@4.9.0/css/tachyons.min.css"/>

or install via npm

npm install --save-dev tachyons@4.9.0

or grab all the source files and build+develop locally

git clone git@github.com:tachyons-css/tachyons.git
cd tachyons
npm install && npm start

Prototyping template

This template is always linked to the most up to date version of Tachyons. Save this file to your computer to start prototyping right away without worrying about setting up a dev environment. You can open the file in a web browser and view your changes.


<!DOCTYPE html>
<html lang="en">
    <head>
        <title>tachyons on html.md</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://unpkg.com/tachyons/css/tachyons.min.css">
    </head>
<body>
    ...
</body>
</html>
Categories: Tools - CSS

Leave a Reply

Your email address will not be published. Required fields are marked *