---
layout: home
title: Custom Vector Tiles
---
<div class="home">
  <header>
    <h1><i class="far fa-map"></i> {{ site.title }}</h1>
  </header>
  <nav>
    <p>
      {% for item in site.data.menu.items %}
      {% if item != site.data.menu.items[0] %} | {% endif %} <a href="{{ item.url }}">{{ item.page }}</a>
      {% endfor %}
    </p>
  </nav>
  <section>
    <p>{{ site.description }}</p>
    <p>
      <a class="github-button" href="https://github.com/baremaps/baremaps" data-size="large" data-show-count="true"
         aria-label="Star baremaps/baremaps on GitHub">Star</a>
      <a class="github-button" href="https://github.com/baremaps/baremaps/releases/latest"
         data-color-scheme="no-preference: light; light: light; dark: dark;" data-size="large"
         aria-label="Download baremaps/baremaps on GitHub">Download</a>
    </p>
    <a href="/assets/demo.html"><img src="/assets/screenshot.jpg" alt="screenshot"></a>
    <p><a class="edit" href="{{site.github.repository_url}}/edit/main/docs/{{page.path}}"><i class="fas fa-edit"></i> Edit this page</a></p>
  </section>
  
</div>