index.html

---
---

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <meta
      name="description"
      content="OpenAPI.tools is a comprehensive and open
    source list of resources for developers working with OpenAPI."
    />
    <meta name="author" content="APIs You Won't Hate" />
    <link rel="canonical" href="https://openapi.tools" />
    <title>
      OpenAPI.Tools - an Open Source list of great tools for OpenAPI.
    </title>
    <link href="/css/bootstrap.css" rel="stylesheet" />
    <link href="/css/site.css" rel="stylesheet" />

    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png" />
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png" />
    <link
      rel="apple-touch-icon"
      sizes="114x114"
      href="/apple-icon-114x114.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="120x120"
      href="/apple-icon-120x120.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="144x144"
      href="/apple-icon-144x144.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="152x152"
      href="/apple-icon-152x152.png"
    />
    <link
      rel="apple-touch-icon"
      sizes="180x180"
      href="/apple-icon-180x180.png"
    />
    <link
      rel="icon"
      type="image/png"
      sizes="192x192"
      href="/android-icon-192x192.png"
    />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
    <link rel="manifest" href="/manifest.json" />
    <meta name="msapplication-TileColor" content="#ffffff" />
    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png" />
    <meta name="theme-color" content="#ffffff" />

    <link
      href="https://fonts.googleapis.com/css?family=Arvo:700|Open+Sans:400,700"
      rel="stylesheet"
      type="text/css"
    />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css"
    />
    <script
      src="https://cdn.usefathom.com/script.js"
      data-site="MKNBSINY"
      defer
    ></script>
  </head>

  <body>
    <header class="jumbotron">
      <div class="container">
        <h1 class="jumbotron-heading text-center">OpenAPI.Tools</h1>
        <p class="lead">
          Stay up to date with a community-driven list of high-quality, modern
          tools for OpenAPI. An open source project from
          <a href="https://apisyouwonthate.com" target="_blank"
            >APIs You Won&apos;t Hate.</a
          >
        </p>

        <p>
          Is there a tool missing that you think should be on the list?
          <br />
          Submit a Pull Request on GitHub
          <a
            target="_blank"
            href="https://github.com/apisyouwonthate/openapi.tools"
          >
            apisyouwonthate/openapi.tools
          </a>
        </p>

        <p class="text-center">
          <a
            target="_blank"
            href="https://github.com/apisyouwonthate/openapi.tools"
            class="btn btn-primary"
            >Submit an OpenAPI tool</a
          >
        </p>
      </div>
    </header>

    <section class="content">
      <div class="container">
        {% include sponsor.html %}

        <div>
          <h2>Tool Types</h2>
          <p class="lead">
            We've organised everything into categories so you can jump to the
            section you're interested in.
          </p>
          <ul>
            {% assign sorted_categories = site.data.categories | sort:'slug' %}
            {% for category in sorted_categories %}
            <li>
              <strong
                ><a href="#{{ category.slug }}">{{ category.name }}:</a></strong
              >
              {{ category.description }}
            </li>
            {% endfor %}
          </ul>
        </div>

        {% for category in site.data.categories %}
        <div>
          <h2 id="{{ category.slug }}">
            <a href="#{{ category.slug }}" name="{{ category.slug }}"
              >{{ category.name }}</a
            >
          </h2>
          <p class="lead">{{ category.description }}</p>
          <table class="table table-striped">
            <thead class="thead-inverse">
              <tr>
                <th>Name</th>
                <th>Language</th>
                <th>v3.1</th>
                <th>v3.0</th>
                <th>v2.0</th>
                <th>GitHub</th>
              </tr>
            </thead>
            <tbody>
              {% assign sponsored_tools = site.data.tools | where: "sponsored", true | sort: 'sponsoredDate'  %}
              {% assign non_sponsored_tools = site.data.tools | where_exp: "tool", "tool.sponsored == nil or tool.sponsored == false" | sort_natural: 'name' %}

              {% assign sorted_tools = sponsored_tools | concat: non_sponsored_tools %}

              {% for tool in sorted_tools %} {% if tool.category == category.slug or tool.category contains category.slug %}
              {% assign url = tool.link | default: tool.github %}
              <tr class="table-row {% if tool.sponsored %}font-weight-bold alert alert-primary{% endif %}">
                <td class="font-serif w-3/5">
                  <a
                    target="_blank"
                    href="{{ url }}{% if url contains '?' %}&{% else %}?{% endif %}utm_source=openapi-tools&utm_medium=website&utm_campaign={{ category.slug }}"
                  >
                    {{ tool.name }}
                  </a>
                  {% if tool.description %} - {{ tool.description }} {% endif %}
                  {% if tool.sponsored %}
                    <div>
                      <span class="badge badge-light">Sponsored</span>
                      {% if tool.testimonial %}<aside class="d-inline font-weight-normal small font-italic">{{ tool.testimonial }}</aside>{%endif %}
                    </div>
                  {% endif %}
                </td>
                <td class="font-serif w-1/5">
                  {{ tool.language }}
                </td>
                <td class="font-serif w-1/3 text-center">
                  {% if tool.v3_1 %}✅{% elsif tool.v3_1_link %}<a
                    target="_blank"
                    href="{{ tool.v3_1_link }}"
                    >👷</a
                  >{% else %}❌{% endif %}
                </td>
                <td class="font-serif w-1/3 text-center">
                  {% if tool.v3 %}✅{% elsif tool.v3_link %}<a
                    target="_blank"
                    href="{{ tool.v3_link }}"
                    >👷</a
                  >{% else %}❌{% endif %}
                </td>
                <td class="font-serif w-1/3 text-center">
                  {% if tool.v2 %}✅{% else %}❌{% endif %}
                </td>
                <td class="w-2/3 text-center">
                  {% if tool.github %}<a
                    target="_blank"
                    href="{{ tool.github }}"
                    ><img src="/img/octocat.png" alt="github octocat" /></a
                  >{% else %}{% endif %}
                </td>
              </tr>
              {% endif %} {% endfor %}
            </tbody>
          </table>
        </div>
        {% endfor %}
      </div>
      {% include sponsor.html %}
    </section>

    <footer class="text-muted">
      <div class="container">
        <p class="float-right">
          <a href="#">Back to top</a>
        </p>
        <p>
          Copyright {{ 'now' | date: "%Y" }} -
          <a target="_blank" href="https://apisyouwonthate.com/"
            >APIs You Won't Hate</a
          >
        </p>
      </div>
    </footer>
  </body>
</html>