# Integrations & Plugins

Explore community-created integrations, plugins, and themes that enhance your Tinylytics experience. These tools are created by our amazing community members to help you get the most out of Tinylytics.

<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">A simple Micro.blog plug-in to easily add the Tinylytics tracking script to your site.</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>
          <a href="https://donate.stripe.com/bIY5nZdmPdem40M9AA" target="_blank" rel="noopener" class="inline-flex items-center justify-center gap-2 rounded-full bg-green-50 px-4 py-2 text-sm font-semibold text-green-700 hover:bg-green-100 dark:bg-green-900/20 dark:text-green-300 dark:hover:bg-green-900/30 transition-all duration-200 hover:translate-y-[-1px]">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-green-600 dark:text-green-400">
              <path d="m11.645 20.91-.007-.003-.022-.012a15.247 15.247 0 0 1-.383-.218 25.18 25.18 0 0 1-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0 1 12 5.052 5.5 5.5 0 0 1 16.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 0 1-4.244 3.17 15.247 15.247 0 0 1-.383.219l-.022.012-.007.004-.003.001a.752.752 0 0 1-.704 0l-.003-.001Z" />
            </svg>
            Support this plugin
          </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">The most powerful and flexible theme available for Micro.blog, with built-in Tinylytics support.</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>
          <a href="https://www.buymeacoffee.com/mattlangford" target="_blank" rel="noopener" class="inline-flex items-center justify-center gap-2 rounded-full bg-green-50 px-4 py-2 text-sm font-semibold text-green-700 hover:bg-green-100 dark:bg-green-900/20 dark:text-green-300 dark:hover:bg-green-900/30 transition-all duration-200 hover:translate-y-[-1px]">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-green-600 dark:text-green-400">
              <path d="m11.645 20.91-.007-.003-.022-.012a15.247 15.247 0 0 1-.383-.218 25.18 25.18 0 0 1-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0 1 12 5.052 5.5 5.5 0 0 1 16.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 0 1-4.244 3.17 15.247 15.247 0 0 1-.383.219l-.022.012-.007.004-.003.001a.752.752 0 0 1-.704 0l-.003-.001Z" />
            </svg>
            Support this plugin
          </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">A simple WordPress plug-in to easily add the Tinylytics tracking script to your site.</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>
          <a href="https://donate.stripe.com/9AQ8Ab6Yr8Y67cYdQR" target="_blank" rel="noopener" class="inline-flex items-center justify-center gap-2 rounded-full bg-green-50 px-4 py-2 text-sm font-semibold text-green-700 hover:bg-green-100 dark:bg-green-900/20 dark:text-green-300 dark:hover:bg-green-900/30 transition-all duration-200 hover:translate-y-[-1px]">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-green-600 dark:text-green-400">
              <path d="m11.645 20.91-.007-.003-.022-.012a15.247 15.247 0 0 1-.383-.218 25.18 25.18 0 0 1-4.244-3.17C4.688 15.36 2.25 12.174 2.25 8.25 2.25 5.322 4.714 3 7.688 3A5.5 5.5 0 0 1 12 5.052 5.5 5.5 0 0 1 16.313 3c2.973 0 5.437 2.322 5.437 5.25 0 3.925-2.438 7.111-4.739 9.256a25.175 25.175 0 0 1-4.244 3.17 15.247 15.247 0 0 1-.383.219l-.022.012-.007.004-.003.001a.752.752 0 0 1-.704 0l-.003-.001Z" />
            </svg>
            Support this plugin
          </a>
        </div>
      </div>
    </div>
  </div>
</div>

## Contributing

Want to create an integration for Tinylytics? We'd love to feature it here! Get in touch with us: <a href="mailto:hello@tinylytics.app">hello@tinylytics.app</a>