export const meta = {
  title: 'Getting Started / Overview / Docs / TACHYONS',
  subNav: 'overview',
  editUrl: 'https://github.com/tachyons-css/tachyons/edit/master/docs/getting-started.md'
}

# Getting Started

Docs can be found at https://tachyons.io/docs.
The modules are generally pretty small and thus quick and easy to read.

## Start a new project

Get setup and running with this ~7 minute screencast.
Download the project and learn how to customize the tachyons source files and recompile the css using the postcss build system.

<iframe src="https://player.vimeo.com/video/174698456" width="640" height="400" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

### Use the CDN

The quickest and easiest way to start using tachyons is to include a reference to the minified file in the head of your html file.

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

#### Html starter template

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.

```html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title>Tachyons</title>
    <meta name="author" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://unpkg.com/tachyons@5.0.0/css/tachyons.min.css">
  </head>
  <body>
    <h1>Hello, Tachyons!</h1>
  </body>
</html>
```
