<turbo-stream action="append" target="top_cursor_packs_list"><template>
    <li class="col-span-full"><div class="my-5" data-controller="house-fallback"
     data-action="adsense:blocked@document->house-fallback#swapToHouseAd">
    <ins class="adsbygoogle"
         style="display:block"
         data-controller="adsense"
         data-house-fallback-target="unit"
         data-ad-client="ca-pub-7538024863465087"
         data-ad-slot="2250242906"
         data-ad-format="auto"
         data-full-width-responsive="true"></ins>

  <template data-house-fallback-target="pool">
      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/bro-mon-%F0%9F%90%BE-browser-monste/oedkbkpngfmjfbmmmijkogojlcddmcgf">
        <img alt="[Bro-Mon] Every Tab Level" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/859e10--bro-mon-every-tab-level--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/bro-mon-%F0%9F%90%BE-browser-monste/oedkbkpngfmjfbmmmijkogojlcddmcgf">
        <img alt="[Bro-Mon] Bro Let&#39;s Study" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/e02b99--bro-mon-bro-let-s-study--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/emoji-combos-text-symbols/ahbhmoigkkdbhpjaafejhneoeojnhceg">
        <img alt="[Emoji Combos] Funny Emoji Face" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/f5dbde--emoji-combos-funny-emoji-face--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://www.youtube.com/channel/UCsRrp_0RTTA7V8gZVMinDpQ">
        <img alt="[YT Chanel] Watch Us" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/e4c125--yt-chanel-watch-us--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/bro-mon-%F0%9F%90%BE-browser-monste/oedkbkpngfmjfbmmmijkogojlcddmcgf">
        <img alt="[Bro-Mon] Catch Monsters" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/1b2f09--bro-mon-catch-monsters--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://shop.bro-mon.world/">
        <img alt="[Bro-Shop] Stickers" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/798efe--bro-shop-stickers--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/sweezy-custom-progress-ba/bnjlijllccbbjdeiflmakhkijbdddflj">
        <img alt="[YPB] Bongo Cat Vibe" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/2167c5--ypb-bongo-cat-vibe--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://shop.bro-mon.world/">
        <img alt="[Bro-Shop] Tees" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/1a210a--bro-shop-tees--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/sweezy-custom-doodle-for/jeiahlnhacbbdkaniaednfjpaemaghol">
        <img alt="[CD] Nyan Cat Customize" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/d20099--cd-nyan-cat-customize--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://wallpapers-clan.com/desktop-wallpapers/">
        <img alt="[W-Clan] Anya Desk Walls" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/aee5d8--w-clan-anya-desk-walls--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/make-it-rain-emoji-confet/boecibpkgeiidobghefcdclcmleeoahd">
        <img alt="[Make it Rain] Emoji Girl" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/17e967--make-it-rain-emoji-girl--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/web-tones-%E2%80%93-cinematic-col/idcmebilpnnnlefdnhakmdbhpmloneea">
        <img alt="[Web Tones] Hi I am Web Tones" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/78e959--web-tones-hi-i-am-web-tones--adaptive.gif" />
</a>  </template>
</div>
</li>
  

  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #d66afb"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Aesthetics&quot;,&quot;slug&quot;:&quot;aesthetics&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/b6e12c8b-70db-40a5-95be-03a99680f270/aesthetics--primary--bd80bc.gif&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:12562,&quot;name&quot;:&quot;Purple Magic Wand \u0026 Crystal Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/059750fc-e854-4f4d-98f6-80a86431c852/purple-magic-wand-crystal-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/059750fc-e854-4f4d-98f6-80a86431c852/purple-magic-wand-crystal-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:2,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:1000,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/059750fc-e854-4f4d-98f6-80a86431c852/frames/purple-magic-wand-crystal-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/059750fc-e854-4f4d-98f6-80a86431c852/frames/purple-magic-wand-crystal-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/059750fc-e854-4f4d-98f6-80a86431c852/frames/purple-magic-wand-crystal-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/059750fc-e854-4f4d-98f6-80a86431c852/frames/purple-magic-wand-crystal-animated--frame--3.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/059750fc-e854-4f4d-98f6-80a86431c852/frames/purple-magic-wand-crystal-animated--frame--4.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/059750fc-e854-4f4d-98f6-80a86431c852/frames/purple-magic-wand-crystal-animated--frame--5.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/059750fc-e854-4f4d-98f6-80a86431c852/frames/purple-magic-wand-crystal-animated--frame--6.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/059750fc-e854-4f4d-98f6-80a86431c852/frames/purple-magic-wand-crystal-animated--frame--7.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/059750fc-e854-4f4d-98f6-80a86431c852/purple-magic-wand-crystal-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/059750fc-e854-4f4d-98f6-80a86431c852/purple-magic-wand-crystal-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:4},&quot;animationSpeed&quot;:1000}}"
  data-cursor-pack-events-url="/cursor/purple-magic-wand-crystal-animated/events/"
>
  <a class="block" href="/cursor/purple-magic-wand-crystal-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Purple Magic Wand &amp; Crystal Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/059750fc-e854-4f4d-98f6-80a86431c852/purple-magic-wand-crystal-animated--poster--b8ed67.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">✨</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #d66afb;" href="/categories/aesthetics/">Aesthetics</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/purple-magic-wand-crystal-animated/">Purple Magic Wand &amp; Crystal Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #a36bff"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Anime&quot;,&quot;slug&quot;:&quot;anime&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/8b02b114-3de3-47e2-b80a-40e56ddad072/anime--primary--e460d8.gif&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:17246,&quot;name&quot;:&quot;Naruto \u0026 Arrow Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/0f0c170d-e1f1-47f4-bc32-c6037652555b/naruto-arrow-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/0f0c170d-e1f1-47f4-bc32-c6037652555b/naruto-arrow-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:33,&quot;offsetY&quot;:2,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:900,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/0f0c170d-e1f1-47f4-bc32-c6037652555b/frames/naruto-arrow-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/0f0c170d-e1f1-47f4-bc32-c6037652555b/frames/naruto-arrow-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/0f0c170d-e1f1-47f4-bc32-c6037652555b/frames/naruto-arrow-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/0f0c170d-e1f1-47f4-bc32-c6037652555b/frames/naruto-arrow-animated--frame--3.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/0f0c170d-e1f1-47f4-bc32-c6037652555b/frames/naruto-arrow-animated--frame--4.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/0f0c170d-e1f1-47f4-bc32-c6037652555b/frames/naruto-arrow-animated--frame--5.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/0f0c170d-e1f1-47f4-bc32-c6037652555b/naruto-arrow-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/0f0c170d-e1f1-47f4-bc32-c6037652555b/naruto-arrow-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:10,&quot;offsetY&quot;:2},&quot;animationSpeed&quot;:900}}"
  data-cursor-pack-events-url="/cursor/naruto-arrow-animated/events/"
>
  <a class="block" href="/cursor/naruto-arrow-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Naruto &amp; Arrow Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/0f0c170d-e1f1-47f4-bc32-c6037652555b/naruto-arrow-animated--poster--66bc6f.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🍥</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #a36bff;" href="/categories/anime/">Anime</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/naruto-arrow-animated/">Naruto &amp; Arrow Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #f27a5f"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Memes&quot;,&quot;slug&quot;:&quot;memes&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/aafaa317-650d-491e-a785-a24e86335e35/memes--primary--8ea742.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:23255,&quot;name&quot;:&quot;Peanut Butter Jelly Time Meme Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/74632c5f-2592-45b1-bdaf-d790df4e39f8/peanut-butter-jelly-time-meme-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/74632c5f-2592-45b1-bdaf-d790df4e39f8/peanut-butter-jelly-time-meme-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:16,&quot;offsetY&quot;:14,&quot;animationDirection&quot;:&quot;alternate&quot;,&quot;animationSpeed&quot;:1200,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/74632c5f-2592-45b1-bdaf-d790df4e39f8/frames/peanut-butter-jelly-time-meme-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/74632c5f-2592-45b1-bdaf-d790df4e39f8/frames/peanut-butter-jelly-time-meme-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/74632c5f-2592-45b1-bdaf-d790df4e39f8/frames/peanut-butter-jelly-time-meme-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/74632c5f-2592-45b1-bdaf-d790df4e39f8/frames/peanut-butter-jelly-time-meme-animated--frame--3.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/74632c5f-2592-45b1-bdaf-d790df4e39f8/peanut-butter-jelly-time-meme-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/74632c5f-2592-45b1-bdaf-d790df4e39f8/peanut-butter-jelly-time-meme-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:16,&quot;offsetY&quot;:14},&quot;animationSpeed&quot;:1200}}"
  data-cursor-pack-events-url="/cursor/peanut-butter-jelly-time-meme-animated/events/"
>
  <a class="block" href="/cursor/peanut-butter-jelly-time-meme-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Peanut Butter Jelly Time Meme Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/74632c5f-2592-45b1-bdaf-d790df4e39f8/peanut-butter-jelly-time-meme-animated--poster--2444fe.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🗿</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #f27a5f;" href="/categories/memes/">Memes</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/peanut-butter-jelly-time-meme-animated/">Peanut Butter Jelly Time Meme Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #8c63ff"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Games&quot;,&quot;slug&quot;:&quot;games&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/358f5e7d-e23d-43fb-b13f-0abfb6f78f9a/games--primary--fb2afc.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:7239,&quot;name&quot;:&quot;Among Us Angel \u0026 Devil Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/9dc9c3a1-57da-42f6-b1bd-d5365d1fba12/among-us-angel-devil--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/9dc9c3a1-57da-42f6-b1bd-d5365d1fba12/among-us-angel-devil--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:20,&quot;offsetY&quot;:10},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/9dc9c3a1-57da-42f6-b1bd-d5365d1fba12/among-us-angel-devil--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/9dc9c3a1-57da-42f6-b1bd-d5365d1fba12/among-us-angel-devil--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:38,&quot;offsetY&quot;:4}}}"
  data-cursor-pack-events-url="/cursor/among-us-angel-devil/events/"
>
  <a class="block" href="/cursor/among-us-angel-devil/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Among Us Angel &amp; Devil Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/9dc9c3a1-57da-42f6-b1bd-d5365d1fba12/among-us-angel-devil--poster--0c932e.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🎮</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #8c63ff;" href="/categories/games/">Games</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/among-us-angel-devil/">Among Us Angel &amp; Devil Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #f16ecb"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Cute&quot;,&quot;slug&quot;:&quot;cute&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/34449cb6-7087-4ae7-a57f-b05eaaa7c403/cute--primary--f04ead.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:3420,&quot;name&quot;:&quot;Winter Pusheen \u0026 Christmas Tree Cookie Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/9fa58cd0-5ac3-4160-8527-586ba21728ae/winter-pusheen-christmas-tree-cookie--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/9fa58cd0-5ac3-4160-8527-586ba21728ae/winter-pusheen-christmas-tree-cookie--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:6,&quot;offsetY&quot;:10},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/9fa58cd0-5ac3-4160-8527-586ba21728ae/winter-pusheen-christmas-tree-cookie--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/9fa58cd0-5ac3-4160-8527-586ba21728ae/winter-pusheen-christmas-tree-cookie--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:22,&quot;offsetY&quot;:8}}}"
  data-cursor-pack-events-url="/cursor/winter-pusheen-christmas-tree-cookie/events/"
>
  <a class="block" href="/cursor/winter-pusheen-christmas-tree-cookie/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Winter Pusheen &amp; Christmas Tree Cookie Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/9fa58cd0-5ac3-4160-8527-586ba21728ae/winter-pusheen-christmas-tree-cookie--poster--df8e7a.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🎀</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #f16ecb;" href="/categories/cute/">Cute</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/winter-pusheen-christmas-tree-cookie/">Winter Pusheen &amp; Christmas Tree Cookie Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #8c63ff"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Games&quot;,&quot;slug&quot;:&quot;games&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/358f5e7d-e23d-43fb-b13f-0abfb6f78f9a/games--primary--fb2afc.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:19368,&quot;name&quot;:&quot;Minecraft Torch Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/0b30c544-610e-4fbf-b1a6-9e874e894d8f/minecraft-torch-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/0b30c544-610e-4fbf-b1a6-9e874e894d8f/minecraft-torch-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:6,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:750,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/0b30c544-610e-4fbf-b1a6-9e874e894d8f/frames/minecraft-torch-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/0b30c544-610e-4fbf-b1a6-9e874e894d8f/frames/minecraft-torch-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/0b30c544-610e-4fbf-b1a6-9e874e894d8f/frames/minecraft-torch-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/0b30c544-610e-4fbf-b1a6-9e874e894d8f/frames/minecraft-torch-animated--frame--3.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/0b30c544-610e-4fbf-b1a6-9e874e894d8f/frames/minecraft-torch-animated--frame--4.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/0b30c544-610e-4fbf-b1a6-9e874e894d8f/minecraft-torch-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/0b30c544-610e-4fbf-b1a6-9e874e894d8f/minecraft-torch-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:12,&quot;offsetY&quot;:10},&quot;animationSpeed&quot;:750}}"
  data-cursor-pack-events-url="/cursor/minecraft-torch-animated/events/"
>
  <a class="block" href="/cursor/minecraft-torch-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Minecraft Torch Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/0b30c544-610e-4fbf-b1a6-9e874e894d8f/minecraft-torch-animated--poster--a8ccf5.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🎮</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #8c63ff;" href="/categories/games/">Games</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/minecraft-torch-animated/">Minecraft Torch Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #59bce9"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Cars&quot;,&quot;slug&quot;:&quot;cars&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/a1916ca7-0bf2-47d0-8cb9-f33618667c23/cars--primary--d6e161.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:23287,&quot;name&quot;:&quot;Bugatti Chiron Headlights Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b4ed67fe-675b-4ca4-bf9d-53958cec88bf/bugatti-chiron-headlights-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b4ed67fe-675b-4ca4-bf9d-53958cec88bf/bugatti-chiron-headlights-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:24,&quot;offsetY&quot;:8,&quot;animationDirection&quot;:&quot;alternate&quot;,&quot;animationSpeed&quot;:850,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/b4ed67fe-675b-4ca4-bf9d-53958cec88bf/frames/bugatti-chiron-headlights-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/b4ed67fe-675b-4ca4-bf9d-53958cec88bf/frames/bugatti-chiron-headlights-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/b4ed67fe-675b-4ca4-bf9d-53958cec88bf/frames/bugatti-chiron-headlights-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/b4ed67fe-675b-4ca4-bf9d-53958cec88bf/frames/bugatti-chiron-headlights-animated--frame--3.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/b4ed67fe-675b-4ca4-bf9d-53958cec88bf/frames/bugatti-chiron-headlights-animated--frame--4.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/b4ed67fe-675b-4ca4-bf9d-53958cec88bf/frames/bugatti-chiron-headlights-animated--frame--5.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b4ed67fe-675b-4ca4-bf9d-53958cec88bf/bugatti-chiron-headlights-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/b4ed67fe-675b-4ca4-bf9d-53958cec88bf/bugatti-chiron-headlights-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:2},&quot;animationSpeed&quot;:850}}"
  data-cursor-pack-events-url="/cursor/bugatti-chiron-headlights-animated/events/"
>
  <a class="block" href="/cursor/bugatti-chiron-headlights-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Bugatti Chiron Headlights Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/b4ed67fe-675b-4ca4-bf9d-53958cec88bf/bugatti-chiron-headlights-animated--poster--6c29ef.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🏎️</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #59bce9;" href="/categories/cars/">Cars</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/bugatti-chiron-headlights-animated/">Bugatti Chiron Headlights Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #f16ecb"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Cute&quot;,&quot;slug&quot;:&quot;cute&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/34449cb6-7087-4ae7-a57f-b05eaaa7c403/cute--primary--f04ead.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:18383,&quot;name&quot;:&quot;Pusheen Eating Noodles Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/6b2fd86f-d3e6-4fa3-afae-db104a523813/pusheen-eating-noodles-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/6b2fd86f-d3e6-4fa3-afae-db104a523813/pusheen-eating-noodles-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:14,&quot;offsetY&quot;:4,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:600,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/6b2fd86f-d3e6-4fa3-afae-db104a523813/frames/pusheen-eating-noodles-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/6b2fd86f-d3e6-4fa3-afae-db104a523813/frames/pusheen-eating-noodles-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/6b2fd86f-d3e6-4fa3-afae-db104a523813/frames/pusheen-eating-noodles-animated--frame--2.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/6b2fd86f-d3e6-4fa3-afae-db104a523813/pusheen-eating-noodles-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/6b2fd86f-d3e6-4fa3-afae-db104a523813/pusheen-eating-noodles-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:32,&quot;offsetY&quot;:8},&quot;animationSpeed&quot;:600}}"
  data-cursor-pack-events-url="/cursor/pusheen-eating-noodles-animated/events/"
>
  <a class="block" href="/cursor/pusheen-eating-noodles-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Pusheen Eating Noodles Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/6b2fd86f-d3e6-4fa3-afae-db104a523813/pusheen-eating-noodles-animated--poster--11a23f.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🎀</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #f16ecb;" href="/categories/cute/">Cute</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/pusheen-eating-noodles-animated/">Pusheen Eating Noodles Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #f27a5f"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Memes&quot;,&quot;slug&quot;:&quot;memes&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/aafaa317-650d-491e-a785-a24e86335e35/memes--primary--8ea742.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:66190,&quot;name&quot;:&quot;Tung Tung Tung Sahur Brainrot Meme Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/1769a4b4-bd71-4fcc-93f4-d9fbbfe89e0b/tung-tung-tung-sahur-brainrot-meme-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/1769a4b4-bd71-4fcc-93f4-d9fbbfe89e0b/tung-tung-tung-sahur-brainrot-meme-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:10,&quot;offsetY&quot;:2,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:500,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/1769a4b4-bd71-4fcc-93f4-d9fbbfe89e0b/frames/tung-tung-tung-sahur-brainrot-meme-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/1769a4b4-bd71-4fcc-93f4-d9fbbfe89e0b/frames/tung-tung-tung-sahur-brainrot-meme-animated--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/1769a4b4-bd71-4fcc-93f4-d9fbbfe89e0b/tung-tung-tung-sahur-brainrot-meme-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/1769a4b4-bd71-4fcc-93f4-d9fbbfe89e0b/tung-tung-tung-sahur-brainrot-meme-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:6},&quot;animationSpeed&quot;:500}}"
  data-cursor-pack-events-url="/cursor/tung-tung-tung-sahur-brainrot-meme-animated/events/"
>
  <a class="block" href="/cursor/tung-tung-tung-sahur-brainrot-meme-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Tung Tung Tung Sahur Brainrot Meme Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/1769a4b4-bd71-4fcc-93f4-d9fbbfe89e0b/tung-tung-tung-sahur-brainrot-meme-animated--poster--54b9a7.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🗿</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #f27a5f;" href="/categories/memes/">Memes</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/tung-tung-tung-sahur-brainrot-meme-animated/">Tung Tung Tung Sahur Brainrot Meme Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #f16ecb"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Cute&quot;,&quot;slug&quot;:&quot;cute&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/34449cb6-7087-4ae7-a57f-b05eaaa7c403/cute--primary--f04ead.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:14204,&quot;name&quot;:&quot;Sanrio My Melody Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/66d215cc-f74f-4f61-9b72-4d4d9e8bc315/sanrio-my-melody--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/66d215cc-f74f-4f61-9b72-4d4d9e8bc315/sanrio-my-melody--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:4},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/66d215cc-f74f-4f61-9b72-4d4d9e8bc315/sanrio-my-melody--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/66d215cc-f74f-4f61-9b72-4d4d9e8bc315/sanrio-my-melody--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:6,&quot;offsetY&quot;:6}}}"
  data-cursor-pack-events-url="/cursor/sanrio-my-melody/events/"
>
  <a class="block" href="/cursor/sanrio-my-melody/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Sanrio My Melody Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/66d215cc-f74f-4f61-9b72-4d4d9e8bc315/sanrio-my-melody--poster--f66a0d.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🎀</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #f16ecb;" href="/categories/cute/">Cute</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/sanrio-my-melody/">Sanrio My Melody Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #8c63ff"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Games&quot;,&quot;slug&quot;:&quot;games&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/358f5e7d-e23d-43fb-b13f-0abfb6f78f9a/games--primary--fb2afc.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:12884,&quot;name&quot;:&quot;Among Us Tongue Kill Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d8dc742b-dcea-497b-b884-292228c9c5bf/among-us-tongue-kill-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d8dc742b-dcea-497b-b884-292228c9c5bf/among-us-tongue-kill-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:28,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:700,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/d8dc742b-dcea-497b-b884-292228c9c5bf/frames/among-us-tongue-kill-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/d8dc742b-dcea-497b-b884-292228c9c5bf/frames/among-us-tongue-kill-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/d8dc742b-dcea-497b-b884-292228c9c5bf/frames/among-us-tongue-kill-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/d8dc742b-dcea-497b-b884-292228c9c5bf/frames/among-us-tongue-kill-animated--frame--3.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/d8dc742b-dcea-497b-b884-292228c9c5bf/frames/among-us-tongue-kill-animated--frame--4.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/d8dc742b-dcea-497b-b884-292228c9c5bf/frames/among-us-tongue-kill-animated--frame--5.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/d8dc742b-dcea-497b-b884-292228c9c5bf/frames/among-us-tongue-kill-animated--frame--6.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/d8dc742b-dcea-497b-b884-292228c9c5bf/frames/among-us-tongue-kill-animated--frame--7.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d8dc742b-dcea-497b-b884-292228c9c5bf/among-us-tongue-kill-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d8dc742b-dcea-497b-b884-292228c9c5bf/among-us-tongue-kill-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:20,&quot;offsetY&quot;:16},&quot;animationSpeed&quot;:700}}"
  data-cursor-pack-events-url="/cursor/among-us-tongue-kill-animated/events/"
>
  <a class="block" href="/cursor/among-us-tongue-kill-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Among Us Tongue Kill Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/d8dc742b-dcea-497b-b884-292228c9c5bf/among-us-tongue-kill-animated--poster--779d4d.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🎮</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #8c63ff;" href="/categories/games/">Games</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/among-us-tongue-kill-animated/">Among Us Tongue Kill Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #f16ecb"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Cute&quot;,&quot;slug&quot;:&quot;cute&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/34449cb6-7087-4ae7-a57f-b05eaaa7c403/cute--primary--f04ead.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:10029,&quot;name&quot;:&quot;Sanrio Kuromi Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/c6ac5a8e-ec90-48a0-9105-63aa1df86191/sanrio-kuromi--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/c6ac5a8e-ec90-48a0-9105-63aa1df86191/sanrio-kuromi--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/c6ac5a8e-ec90-48a0-9105-63aa1df86191/sanrio-kuromi--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/c6ac5a8e-ec90-48a0-9105-63aa1df86191/sanrio-kuromi--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:4}}}"
  data-cursor-pack-events-url="/cursor/sanrio-kuromi/events/"
>
  <a class="block" href="/cursor/sanrio-kuromi/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Sanrio Kuromi Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/c6ac5a8e-ec90-48a0-9105-63aa1df86191/sanrio-kuromi--poster--94e6c0.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🎀</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #f16ecb;" href="/categories/cute/">Cute</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/sanrio-kuromi/">Sanrio Kuromi Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
    <li class="col-span-full"><div class="my-5" data-controller="house-fallback"
     data-action="adsense:blocked@document->house-fallback#swapToHouseAd">
    <ins class="adsbygoogle"
         style="display:block"
         data-controller="adsense"
         data-house-fallback-target="unit"
         data-ad-client="ca-pub-7538024863465087"
         data-ad-slot="2250242906"
         data-ad-format="auto"
         data-full-width-responsive="true"></ins>

  <template data-house-fallback-target="pool">
      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/bro-mon-%F0%9F%90%BE-browser-monste/oedkbkpngfmjfbmmmijkogojlcddmcgf">
        <img alt="[Bro-Mon] Every Tab Level" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/859e10--bro-mon-every-tab-level--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/bro-mon-%F0%9F%90%BE-browser-monste/oedkbkpngfmjfbmmmijkogojlcddmcgf">
        <img alt="[Bro-Mon] Bro Let&#39;s Study" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/e02b99--bro-mon-bro-let-s-study--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/emoji-combos-text-symbols/ahbhmoigkkdbhpjaafejhneoeojnhceg">
        <img alt="[Emoji Combos] Funny Emoji Face" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/f5dbde--emoji-combos-funny-emoji-face--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://www.youtube.com/channel/UCsRrp_0RTTA7V8gZVMinDpQ">
        <img alt="[YT Chanel] Watch Us" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/e4c125--yt-chanel-watch-us--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/bro-mon-%F0%9F%90%BE-browser-monste/oedkbkpngfmjfbmmmijkogojlcddmcgf">
        <img alt="[Bro-Mon] Catch Monsters" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/1b2f09--bro-mon-catch-monsters--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://shop.bro-mon.world/">
        <img alt="[Bro-Shop] Stickers" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/798efe--bro-shop-stickers--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/sweezy-custom-progress-ba/bnjlijllccbbjdeiflmakhkijbdddflj">
        <img alt="[YPB] Bongo Cat Vibe" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/2167c5--ypb-bongo-cat-vibe--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://shop.bro-mon.world/">
        <img alt="[Bro-Shop] Tees" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/1a210a--bro-shop-tees--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/sweezy-custom-doodle-for/jeiahlnhacbbdkaniaednfjpaemaghol">
        <img alt="[CD] Nyan Cat Customize" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/d20099--cd-nyan-cat-customize--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://wallpapers-clan.com/desktop-wallpapers/">
        <img alt="[W-Clan] Anya Desk Walls" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/aee5d8--w-clan-anya-desk-walls--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/make-it-rain-emoji-confet/boecibpkgeiidobghefcdclcmleeoahd">
        <img alt="[Make it Rain] Emoji Girl" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/17e967--make-it-rain-emoji-girl--adaptive.gif" />
</a>      <a target="_blank" rel="noopener" class="block w-fit mx-auto" href="https://chromewebstore.google.com/detail/web-tones-%E2%80%93-cinematic-col/idcmebilpnnnlefdnhakmdbhpmloneea">
        <img alt="[Web Tones] Hi I am Web Tones" loading="lazy" class="max-w-full h-auto rounded-lg" src="https://cdn.sweezy-cursors.com/house-fallbacks/78e959--web-tones-hi-i-am-web-tones--adaptive.gif" />
</a>  </template>
</div>
</li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #f06e52"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Holidays&quot;,&quot;slug&quot;:&quot;holidays&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/07235c55-94b0-4509-89a0-ec3f15cc2fa2/holidays--primary--0578da.gif&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:16240,&quot;name&quot;:&quot;Christmas Candy Cane \u0026 Gingerbread Man Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/95f4f9ef-e6fa-4d37-ac8a-13378777abe3/christmas-candy-cane-gingerbread-man-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/95f4f9ef-e6fa-4d37-ac8a-13378777abe3/christmas-candy-cane-gingerbread-man-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:2,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:700,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/95f4f9ef-e6fa-4d37-ac8a-13378777abe3/frames/christmas-candy-cane-gingerbread-man-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/95f4f9ef-e6fa-4d37-ac8a-13378777abe3/frames/christmas-candy-cane-gingerbread-man-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/95f4f9ef-e6fa-4d37-ac8a-13378777abe3/frames/christmas-candy-cane-gingerbread-man-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/95f4f9ef-e6fa-4d37-ac8a-13378777abe3/frames/christmas-candy-cane-gingerbread-man-animated--frame--3.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/95f4f9ef-e6fa-4d37-ac8a-13378777abe3/frames/christmas-candy-cane-gingerbread-man-animated--frame--4.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/95f4f9ef-e6fa-4d37-ac8a-13378777abe3/frames/christmas-candy-cane-gingerbread-man-animated--frame--5.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/95f4f9ef-e6fa-4d37-ac8a-13378777abe3/christmas-candy-cane-gingerbread-man-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/95f4f9ef-e6fa-4d37-ac8a-13378777abe3/christmas-candy-cane-gingerbread-man-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:26,&quot;offsetY&quot;:4},&quot;animationSpeed&quot;:700}}"
  data-cursor-pack-events-url="/cursor/christmas-candy-cane-gingerbread-man-animated/events/"
>
  <a class="block" href="/cursor/christmas-candy-cane-gingerbread-man-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Christmas Candy Cane &amp; Gingerbread Man Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/95f4f9ef-e6fa-4d37-ac8a-13378777abe3/christmas-candy-cane-gingerbread-man-animated--poster--4de519.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🎁</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #f06e52;" href="/categories/holidays/">Holidays</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/christmas-candy-cane-gingerbread-man-animated/">Christmas Candy Cane &amp; Gingerbread Man Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #a36bff"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Anime&quot;,&quot;slug&quot;:&quot;anime&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/8b02b114-3de3-47e2-b80a-40e56ddad072/anime--primary--e460d8.gif&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:16079,&quot;name&quot;:&quot;Pokemon Charizard Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e1e0ee43-5ce3-4d91-b7d8-85b5f6b919d9/pokemon-charizard-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e1e0ee43-5ce3-4d91-b7d8-85b5f6b919d9/pokemon-charizard-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:14,&quot;offsetY&quot;:8,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:600,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/e1e0ee43-5ce3-4d91-b7d8-85b5f6b919d9/frames/pokemon-charizard-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/e1e0ee43-5ce3-4d91-b7d8-85b5f6b919d9/frames/pokemon-charizard-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/e1e0ee43-5ce3-4d91-b7d8-85b5f6b919d9/frames/pokemon-charizard-animated--frame--2.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e1e0ee43-5ce3-4d91-b7d8-85b5f6b919d9/pokemon-charizard-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e1e0ee43-5ce3-4d91-b7d8-85b5f6b919d9/pokemon-charizard-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:12},&quot;animationSpeed&quot;:600}}"
  data-cursor-pack-events-url="/cursor/pokemon-charizard-animated/events/"
>
  <a class="block" href="/cursor/pokemon-charizard-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Pokemon Charizard Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/e1e0ee43-5ce3-4d91-b7d8-85b5f6b919d9/pokemon-charizard-animated--poster--c79f54.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🍥</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #a36bff;" href="/categories/anime/">Anime</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/pokemon-charizard-animated/">Pokemon Charizard Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #f3cf58"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Cartoons&quot;,&quot;slug&quot;:&quot;cartoons&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9debc8b3-f6e3-4355-be9f-d5141391895f/cartoons--primary--872784.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:58706,&quot;name&quot;:&quot;SpongeBob \u0026 Patrick Surprised Meme Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/1330f0f0-80a0-4df8-82a5-d15342792619/spongebob-patrick-surprised-meme--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/1330f0f0-80a0-4df8-82a5-d15342792619/spongebob-patrick-surprised-meme--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:6,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/1330f0f0-80a0-4df8-82a5-d15342792619/spongebob-patrick-surprised-meme--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/1330f0f0-80a0-4df8-82a5-d15342792619/spongebob-patrick-surprised-meme--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:22,&quot;offsetY&quot;:2}}}"
  data-cursor-pack-events-url="/cursor/spongebob-patrick-surprised-meme/events/"
>
  <a class="block" href="/cursor/spongebob-patrick-surprised-meme/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="SpongeBob &amp; Patrick Surprised Meme Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/1330f0f0-80a0-4df8-82a5-d15342792619/spongebob-patrick-surprised-meme--poster--22a632.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">⭐</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #f3cf58;" href="/categories/cartoons/">Cartoons</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/spongebob-patrick-surprised-meme/">SpongeBob &amp; Patrick Surprised Meme Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #9aa9c7"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Basic&quot;,&quot;slug&quot;:&quot;basic&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/660eddae-d8b0-40e6-9951-0efc34a80349/basic--primary--029de9.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:12580,&quot;name&quot;:&quot;Blue Pool Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/0e3c8d45-ecce-453b-aee2-4282a41af95f/blue-pool-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/0e3c8d45-ecce-453b-aee2-4282a41af95f/blue-pool-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:6,&quot;offsetY&quot;:6,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:700,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/0e3c8d45-ecce-453b-aee2-4282a41af95f/frames/blue-pool-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/0e3c8d45-ecce-453b-aee2-4282a41af95f/frames/blue-pool-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/0e3c8d45-ecce-453b-aee2-4282a41af95f/frames/blue-pool-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/0e3c8d45-ecce-453b-aee2-4282a41af95f/frames/blue-pool-animated--frame--3.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/0e3c8d45-ecce-453b-aee2-4282a41af95f/frames/blue-pool-animated--frame--4.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/0e3c8d45-ecce-453b-aee2-4282a41af95f/frames/blue-pool-animated--frame--5.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/0e3c8d45-ecce-453b-aee2-4282a41af95f/frames/blue-pool-animated--frame--6.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/0e3c8d45-ecce-453b-aee2-4282a41af95f/frames/blue-pool-animated--frame--7.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/0e3c8d45-ecce-453b-aee2-4282a41af95f/blue-pool-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/0e3c8d45-ecce-453b-aee2-4282a41af95f/blue-pool-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:36,&quot;offsetY&quot;:10},&quot;animationSpeed&quot;:700}}"
  data-cursor-pack-events-url="/cursor/blue-pool-animated/events/"
>
  <a class="block" href="/cursor/blue-pool-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Blue Pool Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/0e3c8d45-ecce-453b-aee2-4282a41af95f/blue-pool-animated--poster--a2b01b.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">↖️</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #9aa9c7;" href="/categories/basic/">Basic</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/blue-pool-animated/">Blue Pool Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #9b72ff"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Music&quot;,&quot;slug&quot;:&quot;music&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/b44e1511-5be1-413a-be33-4490609869b9/music--primary--834c24.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:4730,&quot;name&quot;:&quot;Marshmello Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/18842657-4e3c-4319-908e-8ba402303b5f/marshmello--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/18842657-4e3c-4319-908e-8ba402303b5f/marshmello--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:8,&quot;offsetY&quot;:12},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/18842657-4e3c-4319-908e-8ba402303b5f/marshmello--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/18842657-4e3c-4319-908e-8ba402303b5f/marshmello--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:24,&quot;offsetY&quot;:16}}}"
  data-cursor-pack-events-url="/cursor/marshmello/events/"
>
  <a class="block" href="/cursor/marshmello/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Marshmello Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/18842657-4e3c-4319-908e-8ba402303b5f/marshmello--poster--17d08b.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🎧</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #9b72ff;" href="/categories/music/">Music</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/marshmello/">Marshmello Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #a36bff"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Anime&quot;,&quot;slug&quot;:&quot;anime&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/8b02b114-3de3-47e2-b80a-40e56ddad072/anime--primary--e460d8.gif&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:75680,&quot;name&quot;:&quot;Mob Psycho 100 Shigeo Kageyama Dark Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/ec66db85-17ca-4383-9342-d186c76143c1/mob-psycho-100-shigeo-kageyama-dark--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/ec66db85-17ca-4383-9342-d186c76143c1/mob-psycho-100-shigeo-kageyama-dark--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:2,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/ec66db85-17ca-4383-9342-d186c76143c1/mob-psycho-100-shigeo-kageyama-dark--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/ec66db85-17ca-4383-9342-d186c76143c1/mob-psycho-100-shigeo-kageyama-dark--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:20,&quot;offsetY&quot;:8}}}"
  data-cursor-pack-events-url="/cursor/mob-psycho-100-shigeo-kageyama-dark/events/"
>
  <a class="block" href="/cursor/mob-psycho-100-shigeo-kageyama-dark/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Mob Psycho 100 Shigeo Kageyama Dark Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/ec66db85-17ca-4383-9342-d186c76143c1/mob-psycho-100-shigeo-kageyama-dark--poster--b277d0.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🍥</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #a36bff;" href="/categories/anime/">Anime</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/mob-psycho-100-shigeo-kageyama-dark/">Mob Psycho 100 Shigeo Kageyama Dark Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #a36bff"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Anime&quot;,&quot;slug&quot;:&quot;anime&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/8b02b114-3de3-47e2-b80a-40e56ddad072/anime--primary--e460d8.gif&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:12342,&quot;name&quot;:&quot;Spy x Family Anya Smug Face Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/8d30d508-d76b-48d4-8b16-23991e88f157/spy-x-family-anya-smug-face-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/8d30d508-d76b-48d4-8b16-23991e88f157/spy-x-family-anya-smug-face-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:8,&quot;offsetY&quot;:30,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:800,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/8d30d508-d76b-48d4-8b16-23991e88f157/frames/spy-x-family-anya-smug-face-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/8d30d508-d76b-48d4-8b16-23991e88f157/frames/spy-x-family-anya-smug-face-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/8d30d508-d76b-48d4-8b16-23991e88f157/frames/spy-x-family-anya-smug-face-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/8d30d508-d76b-48d4-8b16-23991e88f157/frames/spy-x-family-anya-smug-face-animated--frame--3.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/8d30d508-d76b-48d4-8b16-23991e88f157/spy-x-family-anya-smug-face-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/8d30d508-d76b-48d4-8b16-23991e88f157/spy-x-family-anya-smug-face-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:16,&quot;offsetY&quot;:8},&quot;animationSpeed&quot;:800}}"
  data-cursor-pack-events-url="/cursor/spy-x-family-anya-smug-face-animated/events/"
>
  <a class="block" href="/cursor/spy-x-family-anya-smug-face-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Spy x Family Anya Smug Face Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/8d30d508-d76b-48d4-8b16-23991e88f157/spy-x-family-anya-smug-face-animated--poster--614b2c.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🍥</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #a36bff;" href="/categories/anime/">Anime</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/spy-x-family-anya-smug-face-animated/">Spy x Family Anya Smug Face Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #a36bff"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Anime&quot;,&quot;slug&quot;:&quot;anime&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/8b02b114-3de3-47e2-b80a-40e56ddad072/anime--primary--e460d8.gif&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:20261,&quot;name&quot;:&quot;Demon Slayer Rengoku \u0026 Nichirin Sword Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/216528f9-d500-43af-a707-377117af17f6/demon-slayer-rengoku-nichirin-sword-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/216528f9-d500-43af-a707-377117af17f6/demon-slayer-rengoku-nichirin-sword-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:10,&quot;offsetY&quot;:6,&quot;animationDirection&quot;:&quot;alternate&quot;,&quot;animationSpeed&quot;:750,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/216528f9-d500-43af-a707-377117af17f6/frames/demon-slayer-rengoku-nichirin-sword-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/216528f9-d500-43af-a707-377117af17f6/frames/demon-slayer-rengoku-nichirin-sword-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/216528f9-d500-43af-a707-377117af17f6/frames/demon-slayer-rengoku-nichirin-sword-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/216528f9-d500-43af-a707-377117af17f6/frames/demon-slayer-rengoku-nichirin-sword-animated--frame--3.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/216528f9-d500-43af-a707-377117af17f6/frames/demon-slayer-rengoku-nichirin-sword-animated--frame--4.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/216528f9-d500-43af-a707-377117af17f6/demon-slayer-rengoku-nichirin-sword-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/216528f9-d500-43af-a707-377117af17f6/demon-slayer-rengoku-nichirin-sword-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:8,&quot;offsetY&quot;:16},&quot;animationSpeed&quot;:750}}"
  data-cursor-pack-events-url="/cursor/demon-slayer-rengoku-nichirin-sword-animated/events/"
>
  <a class="block" href="/cursor/demon-slayer-rengoku-nichirin-sword-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Demon Slayer Rengoku &amp; Nichirin Sword Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/216528f9-d500-43af-a707-377117af17f6/demon-slayer-rengoku-nichirin-sword-animated--poster--149237.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🍥</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #a36bff;" href="/categories/anime/">Anime</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/demon-slayer-rengoku-nichirin-sword-animated/">Demon Slayer Rengoku &amp; Nichirin Sword Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #f16ecb"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Cute&quot;,&quot;slug&quot;:&quot;cute&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/34449cb6-7087-4ae7-a57f-b05eaaa7c403/cute--primary--f04ead.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:3414,&quot;name&quot;:&quot;Pusheen the Cat Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e421a3a8-c522-4263-9573-4b0ad076e861/pusheen-the-cat--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e421a3a8-c522-4263-9573-4b0ad076e861/pusheen-the-cat--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:24,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e421a3a8-c522-4263-9573-4b0ad076e861/pusheen-the-cat--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/e421a3a8-c522-4263-9573-4b0ad076e861/pusheen-the-cat--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:22,&quot;offsetY&quot;:8}}}"
  data-cursor-pack-events-url="/cursor/pusheen-the-cat/events/"
>
  <a class="block" href="/cursor/pusheen-the-cat/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Pusheen the Cat Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/e421a3a8-c522-4263-9573-4b0ad076e861/pusheen-the-cat--poster--15a39e.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🎀</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #f16ecb;" href="/categories/cute/">Cute</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/pusheen-the-cat/">Pusheen the Cat Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #f16ecb"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Cute&quot;,&quot;slug&quot;:&quot;cute&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/34449cb6-7087-4ae7-a57f-b05eaaa7c403/cute--primary--f04ead.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:73832,&quot;name&quot;:&quot;Kawaii Cinnamoroll in Headphones Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/0692e385-638a-4762-a0f7-8c72164f72c8/kawaii-cinnamoroll-in-headphones-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/0692e385-638a-4762-a0f7-8c72164f72c8/kawaii-cinnamoroll-in-headphones-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:46,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:600,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/0692e385-638a-4762-a0f7-8c72164f72c8/frames/kawaii-cinnamoroll-in-headphones-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/0692e385-638a-4762-a0f7-8c72164f72c8/frames/kawaii-cinnamoroll-in-headphones-animated--frame--1.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/0692e385-638a-4762-a0f7-8c72164f72c8/kawaii-cinnamoroll-in-headphones-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/0692e385-638a-4762-a0f7-8c72164f72c8/kawaii-cinnamoroll-in-headphones-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:50,&quot;offsetY&quot;:4},&quot;animationSpeed&quot;:600}}"
  data-cursor-pack-events-url="/cursor/kawaii-cinnamoroll-in-headphones-animated/events/"
>
  <a class="block" href="/cursor/kawaii-cinnamoroll-in-headphones-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Kawaii Cinnamoroll in Headphones Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/0692e385-638a-4762-a0f7-8c72164f72c8/kawaii-cinnamoroll-in-headphones-animated--poster--1936a6.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🎀</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #f16ecb;" href="/categories/cute/">Cute</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/kawaii-cinnamoroll-in-headphones-animated/">Kawaii Cinnamoroll in Headphones Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #f27a5f"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Memes&quot;,&quot;slug&quot;:&quot;memes&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/aafaa317-650d-491e-a785-a24e86335e35/memes--primary--8ea742.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:26468,&quot;name&quot;:&quot;Smurf Cat Meme Cursor&quot;,&quot;isAnimated&quot;:false,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d40705c7-2b67-4a00-8c69-4034780e81e1/smurf-cat-meme--cursor-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d40705c7-2b67-4a00-8c69-4034780e81e1/smurf-cat-meme--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:30,&quot;offsetY&quot;:2},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d40705c7-2b67-4a00-8c69-4034780e81e1/smurf-cat-meme--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/d40705c7-2b67-4a00-8c69-4034780e81e1/smurf-cat-meme--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:34,&quot;offsetY&quot;:4}}}"
  data-cursor-pack-events-url="/cursor/smurf-cat-meme/events/"
>
  <a class="block" href="/cursor/smurf-cat-meme/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Smurf Cat Meme Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/d40705c7-2b67-4a00-8c69-4034780e81e1/smurf-cat-meme--poster--50438a.png" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">🗿</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #f27a5f;" href="/categories/memes/">Memes</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/smurf-cat-meme/">Smurf Cat Meme Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>
  <li>
    

<article
  class="card group/card h-full transition-colors hover:[border-color:var(--card-accent)]"
  style="--card-accent: #f3cf58"
  data-controller="cursor-pack cursor-preview cursor-download"
  data-cursor-pack-payload="{&quot;collection&quot;:{&quot;name&quot;:&quot;Cartoons&quot;,&quot;slug&quot;:&quot;cartoons&quot;,&quot;image&quot;:&quot;https://cdn.sweezy-cursors.com/categories/9debc8b3-f6e3-4355-be9f-d5141391895f/cartoons--primary--872784.png&quot;},&quot;cursorConfig&quot;:{&quot;id&quot;:15872,&quot;name&quot;:&quot;Savage Patrick Meme Animated Cursor&quot;,&quot;isAnimated&quot;:true,&quot;cursor&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/120c7d0c-8599-4cdd-a713-9d1b14cb8025/savage-patrick-meme-animated--cursor-icon.gif&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/120c7d0c-8599-4cdd-a713-9d1b14cb8025/savage-patrick-meme-animated--cursor-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:4,&quot;offsetY&quot;:2,&quot;animationDirection&quot;:&quot;normal&quot;,&quot;animationSpeed&quot;:700,&quot;frames&quot;:[&quot;https://cdn.sweezy-cursors.com/cursor_packs/120c7d0c-8599-4cdd-a713-9d1b14cb8025/frames/savage-patrick-meme-animated--frame--0.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/120c7d0c-8599-4cdd-a713-9d1b14cb8025/frames/savage-patrick-meme-animated--frame--1.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/120c7d0c-8599-4cdd-a713-9d1b14cb8025/frames/savage-patrick-meme-animated--frame--2.png&quot;,&quot;https://cdn.sweezy-cursors.com/cursor_packs/120c7d0c-8599-4cdd-a713-9d1b14cb8025/frames/savage-patrick-meme-animated--frame--3.png&quot;]},&quot;pointer&quot;:{&quot;preview-ext-image&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/120c7d0c-8599-4cdd-a713-9d1b14cb8025/savage-patrick-meme-animated--pointer-icon.png&quot;,&quot;path&quot;:&quot;https://cdn.sweezy-cursors.com/cursor_packs/120c7d0c-8599-4cdd-a713-9d1b14cb8025/savage-patrick-meme-animated--pointer-image.png&quot;,&quot;width&quot;:128,&quot;height&quot;:128,&quot;offsetX&quot;:8,&quot;offsetY&quot;:4},&quot;animationSpeed&quot;:700}}"
  data-cursor-pack-events-url="/cursor/savage-patrick-meme-animated/events/"
>
  <a class="block" href="/cursor/savage-patrick-meme-animated/">
    <figure class="aspect-[3/2] bg-base-100 overflow-hidden rounded-t-box">
        <img alt="Savage Patrick Meme Animated Cursor" loading="lazy" class="w-full h-full object-contain p-8 transition-transform duration-300 group-hover/card:scale-[1.04]" src="https://cdn.sweezy-cursors.com/cursor_packs/120c7d0c-8599-4cdd-a713-9d1b14cb8025/savage-patrick-meme-animated--poster--8dbad3.gif" />
    </figure>
</a>
  <div class="card-body gap-2.5 p-4">
      <div class="flex items-center gap-2">
          <span class="text-base leading-none" aria-hidden="true">⭐</span>
          <a class="badge badge-soft badge-sm font-semibold" style="--badge-color: #f3cf58;" href="/categories/cartoons/">Cartoons</a>
      </div>

    <h3 class="card-title text-base font-bold line-clamp-2 leading-[22px]">
      <a class="hover:text-base-content/80 transition-colors" href="/cursor/savage-patrick-meme-animated/">Savage Patrick Meme Animated Cursor</a>
</h3>
    <div class="card-actions mt-auto">
      <button type="button"
              data-cursor-pack-target="loading"
              class="flex-1 gap-2 btn btn-neutral rounded-2xl pointer-events-none"
              aria-label="Checking the extension">
        <span class="loading loading-infinity loading-md"></span>
      </button>

      <button type="button"
              data-cursor-pack-target="add"
              data-action="cursor-pack#add"
              class="hidden flex-1 gap-2 btn btn-primary rounded-2xl font-extrabold [--btn-color:var(--color-neutral)] [--btn-fg:var(--color-neutral-content)] group-hover/card:[--btn-color:var(--color-primary)] group-hover/card:[--btn-fg:var(--color-primary-content)]">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
          <path d="M5 12h14" /><path d="M12 5v14" />
        </svg>
        Add Cursor
      </button>

      <button type="button"
              data-cursor-pack-target="added"
              class="hidden flex-1 gap-2 btn btn-neutral rounded-2xl font-extrabold pointer-events-none">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-primary" aria-hidden="true">
          <path d="m5 12 5 5L20 7" />
        </svg>
        Added
      </button>

      <button type="button"
              class="tooltip btn btn-neutral btn-square rounded-2xl preview-on:[--btn-color:var(--color-primary)] preview-on:[--btn-fg:var(--color-primary-content)] preview-on:before:content-[attr(data-tip-active)]"
              data-action="cursor-preview#toggle"
              aria-label="Preview"
              data-tip="Try it on"
              data-tip-active="Take it off">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 preview-on:hidden" aria-hidden="true">
          <path d="M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" />
          <circle cx="12" cy="12" r="3" />
        </svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 hidden preview-on:inline" aria-hidden="true">
          <path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" />
          <path d="M14.084 14.158a3 3 0 0 1-4.242-4.242" />
          <path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" />
          <path d="m2 2 20 20" />
        </svg>
      </button>
      
<div class="inline-flex"
     data-controller="dropdown"
     data-dropdown-placement-value="top-end">
  <button type="button" class="btn btn-neutral btn-square rounded-2xl" aria-haspopup="menu" aria-expanded="false"
          aria-label="Download"
          data-dropdown-target="trigger">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" />
      <path d="M7 10l5 5 5-5" /><path d="M12 15V3" />
    </svg>
    
  </button>

  <div popover class="dropdown m-0 inset-auto px-0 py-2 border-0 bg-transparent overflow-visible"
       data-dropdown-target="menu">
    <ul class="menu min-w-60 gap-1 p-0.5 bg-base-200 rounded-box border border-base-content/10 shadow-lg">
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--windows">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M4.037 4.688a.495.495 0 0 1 .651-.651l16 6.5a.5.5 0 0 1-.063.947l-6.124 1.58a2 2 0 0 0-1.438 1.435l-1.579 6.126a.5.5 0 0 1-.947.063z" />
          </svg>
          <span class="flex-1">Windows Cursor</span>
          <span class="badge badge-sm badge-neutral">.ani</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--windows">
          <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="12 8 32 32" class="size-4 text-muted-content" aria-hidden="true">
            <path d="M33 38H21c-.6 0-1-.4-1-1 0-1.5-.7-2.4-1.8-3.8-.6-.7-1.3-1.6-2-2.7-1.9-3-3.6-6.6-4-7.9-.4-1.3-.1-2.2.3-2.7.4-.6 1.2-.9 2.1-.9 1.2 0 2.4 1 3.5 2.3V11c0-1.7 1.3-3 3-3s3 1.3 3 3v4.2c.3-.1.6-.2 1-.2 1.1 0 2 .6 2.5 1.4.4-.3.9-.4 1.4-.4 1.4 0 2.5.9 2.9 2.2.3-.1.7-.2 1.1-.2 1.7 0 3 1.3 3 3v3c0 2.6-.5 4.7-1 6.7s-1 3.9-1 6.3c0 .6-.4 1-1 1zm-11.1-2H32c.1-2.2.6-4 1-5.8.5-2 1-3.9 1-6.2v-3c0-.6-.4-1-1-1s-1 .4-1 1v1c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-3c0-.6-.4-1-1-1s-1 .4-1 1v2c0 .6-.4 1-1 1s-1-.4-1-1v-9c0-.6-.4-1-1-1s-1 .4-1 1v15c0 .6-.4 1-1 1s-1-.4-1-1v-.8c-.9-2.3-2.8-4.2-3.5-4.2-.2 0-.4 0-.5.1-.1.1-.1.4 0 .9.3 1.1 1.8 4.3 3.8 7.5.6 1 1.2 1.7 1.8 2.5 1.1 1.2 2.1 2.3 2.3 4z"></path>
          </svg>
          <span class="flex-1">Windows Pointer</span>
          <span class="badge badge-sm badge-neutral">.cur</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Cursor</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer-for-roblox--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <line x1="6" x2="10" y1="11" y2="11" /><line x1="8" x2="8" y1="9" y2="13" />
            <line x1="15" x2="15.01" y1="12" y2="12" /><line x1="18" x2="18.01" y1="10" y2="10" />
            <path d="M17.32 5H6.68a4 4 0 0 0-3.978 3.59c-.006.052-.01.101-.017.152C2.604 9.416 2 14.456 2 16a3 3 0 0 0 3 3c1 0 1.5-.5 2-1l1.414-1.414A2 2 0 0 1 9.828 16h4.344a2 2 0 0 1 1.414.586L17 18c.5.5 1 1 2 1a3 3 0 0 0 3-3c0-1.545-.604-6.584-.685-7.258-.007-.05-.011-.1-.017-.151A4 4 0 0 0 17.32 5z" />
          </svg>
          <span class="flex-1">Roblox Pointer</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="cursor--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Cursor Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li>
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="pointer--png">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4 text-muted-content" aria-hidden="true">
            <rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" />
            <path d="m21 15-5-5L5 21" />
          </svg>
          <span class="flex-1">Pointer Image</span>
          <span class="badge badge-sm badge-neutral">.png</span>
        </button>
      </li>
      <li class="border-t border-base-content/10 mt-1 pt-1">
        <button type="button" class="flex items-center gap-3 rounded-lg min-h-10 text-primary font-bold"
                data-action="cursor-download#download dropdown#close" data-cursor-download-kind-param="all">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
            <path d="m3.5 7.5 8.5 4.8 8.5-4.8" /><path d="M12 12.3V22" /><path d="m7.5 4.3 9 5.1" />
            <path d="M21 8v8a2 2 0 0 1-1 1.7l-7 4a2 2 0 0 1-2 0l-7-4A2 2 0 0 1 3 16V8a2 2 0 0 1 1-1.7l7-4a2 2 0 0 1 2 0l7 4A2 2 0 0 1 21 8Z" />
          </svg>
          <span class="flex-1">Complete Pack</span>
          <span class="badge badge-sm badge-neutral">.zip</span>
        </button>
      </li>
    </ul>
  </div>
</div>

    </div>
  </div>
</article>

  </li>

</template></turbo-stream>
<turbo-stream action="replace" target="top_cursor_packs_load_more"><template>
  <div id="top_cursor_packs_load_more">
      
<div class="flex justify-center mt-9">
  <a rel="nofollow" aria-label="Load More" class="text-base btn btn-primary rounded-2xl font-normal gap-2 px-8  min-w-48" data-turbo-stream="true" data-controller="load-more" data-action="click-&gt;load-more#start" href="/top-cursors/load_more/?filter=hot&amp;page=5">
    <span data-load-more-target="content">Load More</span>
    <svg data-load-more-target="content" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" class="size-4" aria-hidden="true">
      <path d="m6 9 6 6 6-6" />
    </svg>
    <span data-load-more-target="spinner" class="loading loading-dots loading-md hidden"></span>
</a></div>

  </div>
</template></turbo-stream>