# Integrations

Community plugins and themes that add Tinylytics to a host.

<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

Connect Tinylytics to [n8n](https://n8n.io) with the built-in Webhook and HTTP Request nodes — no custom community node required. Importable sample workflows cover webhook intake (uptime, hits, kudos) and scheduled API pulls.

Read the guide: [Tinylytics + n8n](/docs/developer/n8n).

## Contributing

To list an integration, email <a href="mailto:hello@tinylytics.app">hello@tinylytics.app</a>.