# Integrations

Tinylytics is one script tag, so it works anywhere you can edit a template. But on hosted platforms that is not always convenient, and people in the community have built plugins and themes that do the work for you. These are theirs, not ours — we are simply glad they exist.

<div class="not-prose mt-8 grid grid-cols-1 gap-6 sm:grid-cols-2">
  <div class="group relative rounded-xl border border-slate-200 dark:border-slate-800">
    <div class="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.green.50)),var(--quick-links-hover-bg,theme(colors.green.50)))_padding-box,linear-gradient(to_top,theme(colors.green.400),theme(colors.green.400),theme(colors.green.500))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]"></div>
    <div class="relative overflow-hidden rounded-xl">
      <a href="https://micro.blog/account/plugins/view/101" target="_blank" rel="noopener" class="block h-[160px] overflow-hidden">
        <img src="/images/integrations/jim-tinylytics-for-micro-blog.jpeg" alt="Micro.blog Plugin" class="h-full w-full object-cover object-center transition-all duration-300 ease-in-out hover:scale-105 hover:brightness-105">
      </a>
      <div class="p-6">
        <h2 class="font-display text-lg font-bold text-slate-900 dark:text-white">
          <a href="https://micro.blog/account/plugins/view/101" target="_blank" rel="noopener">
            <span class="absolute -inset-px rounded-xl"></span>
            Tinylytics for Micro.blog
          </a>
        </h2>
        <p class="mt-1 text-sm text-slate-700 dark:text-slate-400">Adds the Tinylytics script to Micro.blog.</p>
        <div class="mt-4 flex items-center gap-3">
          <img class="h-6 w-6 rounded-full" src="https://github.com/jimmitchell.png" alt="Jim Mitchell">
          <div class="text-sm leading-6">
            <a href="https://jimmitchell.org" target="_blank" rel="noopener" class="font-semibold text-slate-900 hover:text-green-500 dark:text-slate-200 dark:hover:text-green-400">Jim Mitchell</a>
          </div>
        </div>
        <div class="mt-6 flex flex-col gap-4">
          <a href="https://micro.blog/account/plugins/view/101" target="_blank" rel="noopener" class="inline-flex items-center justify-center gap-2 rounded-lg bg-slate-800 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-slate-700 dark:bg-slate-700 dark:hover:bg-slate-600 transition-all duration-200 hover:translate-y-[-1px] hover:shadow-md">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4">
              <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 0 1 .75.75v5.25a.75.75 0 0 1-1.5 0V4.81L8.03 17.03a.75.75 0 0 1-1.06-1.06L19.19 3.75h-3.44a.75.75 0 0 1 0-1.5Zm-10.5 4.5a1.5 1.5 0 0 0-1.5 1.5v10.5a1.5 1.5 0 0 0 1.5 1.5h10.5a1.5 1.5 0 0 0 1.5-1.5V13.5a.75.75 0 0 1 1.5 0v5.25a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V8.25a3 3 0 0 1 3-3h5.25a.75.75 0 0 1 0 1.5H5.25Z" clip-rule="evenodd" />
            </svg>
            View
          </a>
        </div>
      </div>
    </div>
  </div>

  <div class="group relative rounded-xl border border-slate-200 dark:border-slate-800">
    <div class="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.green.50)),var(--quick-links-hover-bg,theme(colors.green.50)))_padding-box,linear-gradient(to_top,theme(colors.green.400),theme(colors.green.400),theme(colors.green.500))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]"></div>
    <div class="relative overflow-hidden rounded-xl">
      <a href="https://micro.blog/account/plugins/view/96" target="_blank" rel="noopener" class="block h-[160px] overflow-hidden">
        <img src="/images/integrations/tiny-theme.jpg" alt="Tiny Theme for Micro.blog" class="h-full w-full object-cover object-center transition-all duration-300 ease-in-out hover:scale-105 hover:brightness-105">
      </a>
      <div class="p-6">
        <h2 class="font-display text-lg font-bold text-slate-900 dark:text-white">
          <a href="https://micro.blog/account/plugins/view/96" target="_blank" rel="noopener">
            <span class="absolute -inset-px rounded-xl"></span>
            Tiny Theme for Micro.blog
          </a>
        </h2>
        <p class="mt-1 text-sm text-slate-700 dark:text-slate-400">A Micro.blog theme with Tinylytics built in.</p>
        <div class="mt-4 flex items-center gap-3">
          <img class="h-6 w-6 rounded-full" src="https://github.com/MattSLangford.png" alt="Matt Langford">
          <div class="text-sm leading-6">
            <a href="https://mattlangford.com" target="_blank" rel="noopener" class="font-semibold text-slate-900 hover:text-green-500 dark:text-slate-200 dark:hover:text-green-400">Matt Langford</a>
          </div>
        </div>
        <div class="mt-6 flex flex-col gap-4">
          <a href="https://micro.blog/account/plugins/view/96" target="_blank" rel="noopener" class="inline-flex items-center justify-center gap-2 rounded-lg bg-slate-800 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-slate-700 dark:bg-slate-700 dark:hover:bg-slate-600 transition-all duration-200 hover:translate-y-[-1px] hover:shadow-md">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4">
              <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 0 1 .75.75v5.25a.75.75 0 0 1-1.5 0V4.81L8.03 17.03a.75.75 0 0 1-1.06-1.06L19.19 3.75h-3.44a.75.75 0 0 1 0-1.5Zm-10.5 4.5a1.5 1.5 0 0 0-1.5 1.5v10.5a1.5 1.5 0 0 0 1.5 1.5h10.5a1.5 1.5 0 0 0 1.5-1.5V13.5a.75.75 0 0 1 1.5 0v5.25a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V8.25a3 3 0 0 1 3-3h5.25a.75.75 0 0 1 0 1.5H5.25Z" clip-rule="evenodd" />
            </svg>
            View
          </a>
        </div>
      </div>
    </div>
  </div>

  <div class="group relative rounded-xl border border-slate-200 dark:border-slate-800">
    <div class="absolute -inset-px rounded-xl border-2 border-transparent opacity-0 [background:linear-gradient(var(--quick-links-hover-bg,theme(colors.green.50)),var(--quick-links-hover-bg,theme(colors.green.50)))_padding-box,linear-gradient(to_top,theme(colors.green.400),theme(colors.green.400),theme(colors.green.500))_border-box] group-hover:opacity-100 dark:[--quick-links-hover-bg:theme(colors.slate.800)]"></div>
    <div class="relative overflow-hidden rounded-xl">
      <a href="https://wordpress.org/plugins/jmitch-tinylytics/" target="_blank" rel="noopener" class="block h-[160px] overflow-hidden">
        <img src="/images/integrations/jim-tinylytics-for-wordpress.jpeg" alt="WordPress Plugin" class="h-full w-full object-cover object-center transition-all duration-300 ease-in-out hover:scale-105 hover:brightness-105">
      </a>
      <div class="p-6">
        <h2 class="font-display text-lg font-bold text-slate-900 dark:text-white">
          <a href="https://wordpress.org/plugins/jmitch-tinylytics/" target="_blank" rel="noopener">
            <span class="absolute -inset-px rounded-xl"></span>
            Tinylytics for WordPress
          </a>
        </h2>
        <p class="mt-1 text-sm text-slate-700 dark:text-slate-400">Adds the Tinylytics script to WordPress.</p>
        <div class="mt-4 flex items-center gap-3">
          <img class="h-6 w-6 rounded-full" src="https://github.com/jimmitchell.png" alt="Jim Mitchell">
          <div class="text-sm leading-6">
            <a href="https://jimmitchell.org" target="_blank" rel="noopener" class="font-semibold text-slate-900 hover:text-green-500 dark:text-slate-200 dark:hover:text-green-400">Jim Mitchell</a>
          </div>
        </div>
        <div class="mt-6 flex flex-col gap-4">
          <a href="https://wordpress.org/plugins/jmitch-tinylytics/" target="_blank" rel="noopener" class="inline-flex items-center justify-center gap-2 rounded-lg bg-slate-800 px-4 py-2 text-sm font-semibold text-white shadow-sm hover:bg-slate-700 dark:bg-slate-700 dark:hover:bg-slate-600 transition-all duration-200 hover:translate-y-[-1px] hover:shadow-md">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4">
              <path fill-rule="evenodd" d="M15.75 2.25H21a.75.75 0 0 1 .75.75v5.25a.75.75 0 0 1-1.5 0V4.81L8.03 17.03a.75.75 0 0 1-1.06-1.06L19.19 3.75h-3.44a.75.75 0 0 1 0-1.5Zm-10.5 4.5a1.5 1.5 0 0 0-1.5 1.5v10.5a1.5 1.5 0 0 0 1.5 1.5h10.5a1.5 1.5 0 0 0 1.5-1.5V13.5a.75.75 0 0 1 1.5 0v5.25a3 3 0 0 1-3 3H5.25a3 3 0 0 1-3-3V8.25a3 3 0 0 1 3-3h5.25a.75.75 0 0 1 0 1.5H5.25Z" clip-rule="evenodd" />
            </svg>
            View
          </a>
        </div>
      </div>
    </div>
  </div>
</div>

## Automation

### n8n

You can wire Tinylytics into [n8n](https://n8n.io) using its built-in Webhook and HTTP Request nodes, with no custom community node to install. We publish importable sample workflows covering webhook intake for uptime, hits, and kudos, plus scheduled pulls from the API.

The full walkthrough is in [Tinylytics + n8n](/docs/developer/n8n).

## Contributing

Built something? We would like to list it. Email <a href="mailto:hello@tinylytics.app">hello@tinylytics.app</a>.