index.html

---
layout: default
slug: root
meta-title: Tachyons Templates
meta-description: Free open source Tachyons Themes and templates up to date for Tachyons 4.7! An even faster way to develop websites in Tachyons!
---

<header>
  <div class="cover bg-center w-100 vh-75 dt" style="background-image: url(/img/bg.png)">
    <div class="dtc v-mid">
      <div class="tc ph3">
        <div class="f2 f1-l fw2 white-90 mb0 lh-title">Tachyons Templates</div>
        <h1 class="fw1 f3 white-80 mt3 mb4">Free Tachyons Themes and Templates</h1>
        <a class="f6 no-underline grow dib v-mid white ba b--white ph3 pv2 mb3" href="/template-categories/all/">Browse All Templates</a>
      </div>
    </div>
  </div>
</header>

<div class="f4 f3-m f2-l tc fw2  black-50 ma4">Featured Templates</div>
<hr class="measure-wide center">
<section class="cf pt4 pb2 mw8 center">
  {% for template in site.templates reversed %}
    {% if template.categories contains 'featured' %}
      {% include template-card.html template=template %}
    {% endif %}
  {% endfor %}
</section>

<section class="vh-50 dt w-100" style="background-color: rgb(90,128,245);">
  <div class="dtc v-mid">
    <div class="f4 f3-m f2-l tc fw2  white ma0 mb4 pa0">
        Forever free, open source, and easy to use.
    </div>
    <div class="f5 tc f4-m f3-l fw2  white-50 ma0 pa0 measure-wide center lh-copy">
        Tachyons Templates is a collection of <strong>free to download Tachyons Themes and
        templates</strong>. Our themes are open source and you can use them for any purpose, even
        commercially!
    </div>
  </div>
</section>

<div class="f4 f3-m f2-l tc fw2  black-50 ma4">Open Source Community Sites Made with Tachyons</div>
<hr class="measure-wide center">
<section class="cf pt4 pb2 mw8 center">
  {% for template in site.templates reversed %}
    {% if template.categories contains 'made-with-tachyons' %}
      {% include template-card.html template=template %}
    {% endif %}
  {% endfor %}
</section>