<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Design GIFs - Download & Share | GIFDB.com</title>
    <meta name="description" content="Browse 45 free design GIFs. Download and share animated Design GIFs on GIFDB.com — works in WhatsApp, Telegram, Discord, X and more.">
    







<meta name="robots" content="index, follow">



    <link rel="icon" type="image/png" href="/static/src/fav_icon.png">
    <link rel="canonical" href="https://gifdb.com/design">
    
    
<link rel="alternate" hreflang="x-default" href="https://gifdb.com/design">
<link rel="alternate" hreflang="en" href="https://gifdb.com/design">



    
    <meta property="og:site_name" content="GIFDB.com">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Design GIFs - Download & Share | GIFDB.com">
    <meta property="og:description" content="Browse 45 free design GIFs. Download and share animated Design GIFs on GIFDB.com — works in WhatsApp, Telegram, Discord, X and more.">
    <meta property="og:url" content="https://gifdb.com/design">
    <meta property="og:image" content="https://gifdb.com/images/high/faded-by-design-wou52edchvpwyazd.gif">
    
    
    <meta property="og:locale" content="en_US">

    
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@gifdb">
    <meta name="twitter:title" content="Design GIFs - Download & Share | GIFDB.com">
    <meta name="twitter:description" content="Browse 45 free design GIFs. Download and share animated Design GIFs on GIFDB.com — works in WhatsApp, Telegram, Discord, X and more.">
    <meta name="twitter:image" content="https://gifdb.com/images/high/faded-by-design-wou52edchvpwyazd.gif">

    




    
    <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
    <link rel="preconnect" href="https://s3.us-east-1.wasabisys.com" crossorigin>
    <link rel="dns-prefetch" href="https://cdnjs.cloudflare.com">

    
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preload" href="/static/css/style.css?v=1779619435" as="style">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap">

    
    

    
    <link rel="stylesheet" href="/static/css/bootstrap.min.css?v=1779619435">
    <link rel="stylesheet" href="/static/css/style.css?v=1779619435">

    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.css">
    
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" media="print" onload="this.media='all'">
    <noscript><link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"></noscript>

    
    






<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "CollectionPage",
    "name": "Design GIFs",
    "description": "Design GIFs collection on GIFDB.com",
    "url": "https://gifdb.com/design",
    "isPartOf": {
        "@type": "WebSite",
        "name": "GIFDB.com",
        "url": "https://gifdb.com"
    },
    "mainEntity": {
        "@type": "ItemList",
        "numberOfItems": 45,
        "itemListElement": [
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 1,
                "url": "https://gifdb.com/gif/faded-by-design-wou52edchvpwyazd.html",
                "name": "Faded By Design",
                "image": "https://gifdb.com/images/high/faded-by-design-wou52edchvpwyazd.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 2,
                "url": "https://gifdb.com/gif/sleek-wall-design-2qhtvzoskg2am6a1.html",
                "name": "Sleek Wall Design",
                "image": "https://gifdb.com/images/high/sleek-wall-design-2qhtvzoskg2am6a1.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 3,
                "url": "https://gifdb.com/gif/paper-mario-level-design-gac96x1bcvmzdg3o.html",
                "name": "Paper Mario Level Design",
                "image": "https://gifdb.com/images/high/paper-mario-level-design-gac96x1bcvmzdg3o.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 4,
                "url": "https://gifdb.com/gif/nano-everything-is-by-design-utmgmm5kvu101jsr.html",
                "name": "Nano Everything Is By Design",
                "image": "https://gifdb.com/images/high/nano-everything-is-by-design-utmgmm5kvu101jsr.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 5,
                "url": "https://gifdb.com/gif/violent-by-design-l79rfghf04kdrfyg.html",
                "name": "Violent By Design",
                "image": "https://gifdb.com/images/high/violent-by-design-l79rfghf04kdrfyg.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 6,
                "url": "https://gifdb.com/gif/blocks-marble-design-jmm17hfv5l4wlmwb.html",
                "name": "Blocks Marble Design",
                "image": "https://gifdb.com/images/high/blocks-marble-design-jmm17hfv5l4wlmwb.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 7,
                "url": "https://gifdb.com/gif/dark-necessities-design-1oeea4g0tarb2ple.html",
                "name": "Dark Necessities Design",
                "image": "https://gifdb.com/images/high/dark-necessities-design-1oeea4g0tarb2ple.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 8,
                "url": "https://gifdb.com/gif/graphic-design-passion-snjrdzdyjw3a5dvd.html",
                "name": "Graphic Design Passion",
                "image": "https://gifdb.com/images/high/graphic-design-passion-snjrdzdyjw3a5dvd.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 9,
                "url": "https://gifdb.com/gif/geometric-shapes-design-j5nfikjyo33c48uo.html",
                "name": "Geometric Shapes Design",
                "image": "https://gifdb.com/images/high/geometric-shapes-design-j5nfikjyo33c48uo.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 10,
                "url": "https://gifdb.com/gif/avatar-design-motion-y2lfba6443l93qtw.html",
                "name": "Avatar Design Motion",
                "image": "https://gifdb.com/images/high/avatar-design-motion-y2lfba6443l93qtw.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 11,
                "url": "https://gifdb.com/gif/subway-sticker-design-tiedqe5sqn7f8jmw.html",
                "name": "Subway Sticker Design",
                "image": "https://gifdb.com/images/high/subway-sticker-design-tiedqe5sqn7f8jmw.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 12,
                "url": "https://gifdb.com/gif/unleashed-level-design-0y7cakfp9m0wdl0r.html",
                "name": "Unleashed Level Design",
                "image": "https://gifdb.com/images/high/unleashed-level-design-0y7cakfp9m0wdl0r.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 13,
                "url": "https://gifdb.com/gif/my-life-is-my-design-8dxq1q4ahbahg22q.html",
                "name": "My Life Is My Design ",
                "image": "https://gifdb.com/images/high/my-life-is-my-design-8dxq1q4ahbahg22q.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 14,
                "url": "https://gifdb.com/gif/trippy-colors-motion-design-qndhuzwcdle7b1cy.html",
                "name": "Trippy Colors Motion Design",
                "image": "https://gifdb.com/images/high/trippy-colors-motion-design-qndhuzwcdle7b1cy.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 15,
                "url": "https://gifdb.com/gif/architecture-design-my-passion-f5j4vl84xxkydrs5.html",
                "name": "Architecture Design My Passion",
                "image": "https://gifdb.com/images/high/architecture-design-my-passion-f5j4vl84xxkydrs5.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 16,
                "url": "https://gifdb.com/gif/3d-retro-geometry-design-r9mf5d4h7pc1ruyi.html",
                "name": "3D Retro Geometry Design",
                "image": "https://gifdb.com/images/high/3d-retro-geometry-design-r9mf5d4h7pc1ruyi.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 17,
                "url": "https://gifdb.com/gif/you-may-design-games-czm2qqld07p95y1g.html",
                "name": "You May Design Games",
                "image": "https://gifdb.com/images/high/you-may-design-games-czm2qqld07p95y1g.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 18,
                "url": "https://gifdb.com/gif/design-is-one-of-a-kind-t5gvvnk7i3b48zcf.html",
                "name": "Design Is One Of A Kind",
                "image": "https://gifdb.com/images/high/design-is-one-of-a-kind-t5gvvnk7i3b48zcf.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 19,
                "url": "https://gifdb.com/gif/3d-after-effects-design-sw079z1p8vm5usv5.html",
                "name": "3D After Effects Design",
                "image": "https://gifdb.com/images/high/3d-after-effects-design-sw079z1p8vm5usv5.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 20,
                "url": "https://gifdb.com/gif/3d-glitch-illustration-design-tnqi34jx85snrmom.html",
                "name": "3D Glitch Illustration Design",
                "image": "https://gifdb.com/images/high/3d-glitch-illustration-design-tnqi34jx85snrmom.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 21,
                "url": "https://gifdb.com/gif/design-is-the-problem-drink-gxjyjve81dhkqod3.html",
                "name": "Design Is The Problem Drink",
                "image": "https://gifdb.com/images/high/design-is-the-problem-drink-gxjyjve81dhkqod3.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 22,
                "url": "https://gifdb.com/gif/finer-art-illustration-design-xycr9p9q3oyqp7nh.html",
                "name": "Finer Art Illustration Design",
                "image": "https://gifdb.com/images/high/finer-art-illustration-design-xycr9p9q3oyqp7nh.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 23,
                "url": "https://gifdb.com/gif/digital-graphic-design-gyisrbd1w57mwbz5.html",
                "name": "Digital Graphic Design",
                "image": "https://gifdb.com/images/high/digital-graphic-design-gyisrbd1w57mwbz5.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 24,
                "url": "https://gifdb.com/gif/3d-water-droplets-design-chbfv40pwexx0pr8.html",
                "name": "3D Water Droplets Design",
                "image": "https://gifdb.com/images/high/3d-water-droplets-design-chbfv40pwexx0pr8.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 25,
                "url": "https://gifdb.com/gif/this-is-my-design-hannibal-9u56wigs37p2vj4o.html",
                "name": "This Is My Design Hannibal",
                "image": "https://gifdb.com/images/high/this-is-my-design-hannibal-9u56wigs37p2vj4o.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 26,
                "url": "https://gifdb.com/gif/this-is-my-design-hannibal-n9kfpmv3v4q2m4ph.html",
                "name": "This Is My Design Hannibal",
                "image": "https://gifdb.com/images/high/this-is-my-design-hannibal-n9kfpmv3v4q2m4ph.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 27,
                "url": "https://gifdb.com/gif/christmas-constellations-design-bqws61hzw5251sdq.html",
                "name": "Christmas Constellations Design",
                "image": "https://gifdb.com/images/high/christmas-constellations-design-bqws61hzw5251sdq.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 28,
                "url": "https://gifdb.com/gif/cyber-fashion-trippy-design-69k5hgfljo2h6ire.html",
                "name": "Cyber Fashion Trippy Design",
                "image": "https://gifdb.com/images/high/cyber-fashion-trippy-design-69k5hgfljo2h6ire.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 29,
                "url": "https://gifdb.com/gif/funny-gideon-monkey-design-opd5ttpyg1fxllxx.html",
                "name": "Funny Gideon Monkey Design",
                "image": "https://gifdb.com/images/high/funny-gideon-monkey-design-opd5ttpyg1fxllxx.gif"
            },
            
            
            
            
            
            {
                "@type": "ListItem",
                "position": 30,
                "url": "https://gifdb.com/gif/colorful-weird-geometric-design-agkw9h089fbvn5ra.html",
                "name": "Colorful Weird Geometric Design",
                "image": "https://gifdb.com/images/high/colorful-weird-geometric-design-agkw9h089fbvn5ra.gif"
            }
            
        ]
    }
}
</script>
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {"@type": "ListItem", "position": 1, "name": "Home", "item": "https://gifdb.com/"},
        {"@type": "ListItem", "position": 2, "name": "Design GIFs", "item": "https://gifdb.com/design"}
    ]
}
</script>


    
    
    
    
    

    
    <style>
    /* ── Sticker checker pattern ────────────────────────────────────
       Used by .gdb-card-pic.gdb-checker (sticker grid card) and the
       sticker detail-page hero. Reveals transparency in the WebP. */
    .gdb-checker {
        background-color: #f8fafc;
        background-image:
            linear-gradient(45deg, #e2e8f0 25%, transparent 25%),
            linear-gradient(-45deg, #e2e8f0 25%, transparent 25%),
            linear-gradient(45deg, transparent 75%, #e2e8f0 75%),
            linear-gradient(-45deg, transparent 75%, #e2e8f0 75%);
        background-size: 18px 18px;
        background-position: 0 0, 0 9px, 9px -9px, 9px 0;
    }

    /* ── Ascendeum named slots ──────────────────────────────────────
       :empty collapses any slot the bundle hasn't filled, so users
       never see a blank reserved box. As soon as Ascendeum injects
       child markup the slot expands to fit the creative. */
    [ot-name] { display: block; }
    [ot-name]:empty { display: none !important; height: 0; margin: 0; padding: 0; }
    [ot-name="Horizontal"], [ot-name="Dynamic_InContent"], [ot-name="Video"] {
        margin: 12px auto;
        text-align: center;
        max-width: 100%;
        overflow: hidden;
    }
    [ot-name="RightSidebar"], [ot-name="LeftSidebar"] {
        position: fixed;
        top: 120px;
        width: 160px;
        max-height: 70vh;
        overflow: hidden;
        z-index: 10;
    }
    [ot-name="RightSidebar"] { right: 16px; }
    [ot-name="LeftSidebar"]  { left: 16px; }
    @media (max-width: 1279.98px) {
        [ot-name="RightSidebar"], [ot-name="LeftSidebar"] { display: none !important; }
    }
    @media (min-width: 769px) {
        [ot-name="Sticky_Footer"] { display: none !important; }
    }

    /* ── Shared mobile typography ──────────────────────────────────
       Smaller H1 + tighter line-height on phones. Applies to every
       page so /gif/<slug> + /<keyword> + /stickers/<slug> all match. */
    @media (max-width: 767.98px) {
        h1 { font-size: 1.25rem !important; line-height: 1.25 !important; }
        /* Hide the trailing (active) breadcrumb crumb on mobile to save
           1-2 lines of vertical space. The H1 right below it already
           tells the user where they are. */
        .nav-breadcrumbs .breadcrumb-item.active,
        .nav-breadcrumbs .breadcrumb .active { display: none !important; }
    }

    /* ── Mobile sticky share bar (used on detail + keyword pages) ──
       Edge-to-edge at bottom of mobile viewport. Each tile has its
       own brand color. Pages that include the partial also need
       padding-bottom on the body so content isn't hidden behind it. */
    .gdb-mshare {
        display: none;
        position: fixed;
        left: 0; right: 0; bottom: 0;
        z-index: 200;
        background: #0f172a;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.18);
    }
    .gdb-mshare-row {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 0;
    }
    .gdb-mshare a, .gdb-mshare button {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 52px;
        color: #fff;
        background: transparent;
        border: 0;
        cursor: pointer;
        text-decoration: none;
    }
    .gdb-mshare a svg, .gdb-mshare button svg { display: block; }
    .gdb-mshare .m-wa    { background: #25D366; }
    .gdb-mshare .m-fb    { background: #1877F2; }
    .gdb-mshare .m-ig    { background: linear-gradient(135deg, #f09433, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888); }
    .gdb-mshare .m-x     { background: #000000; }
    .gdb-mshare .m-email { background: #64748b; }
    .gdb-mshare .m-copy  { background: #1796E6; }
    @media (max-width: 767.98px) {
        .gdb-mshare { display: block; }
        body.single, body.taxonomy { padding-bottom: 60px; }
        /* Give the back-to-top button room above the sticky bar. */
        #scrollBtn { bottom: 68px !important; }
    }

    @media (max-width: 768px) {
        body ins.adsbygoogle[data-anchor-status],
        body [id^="aswift_anchor"],
        body iframe[id*="anchor"],
        body iframe[src*="googleads.g.doubleclick.net"],
        body iframe[src*="googlesyndication.com"],
        body iframe[src*="stay22"],
        body iframe[src*="letmeallez"],
        body div[id*="stay22"],
        body div[id*="letmeallez"],
        body div[class*="stay22"],
        body div[class*="letmeallez"],
        body [data-s22] {
            bottom: 60px !important;
        }
    }
    </style>
    
    <script>
    /* Share bar stays GLUED to viewport bottom on mobile. When any
       fixed/sticky ad element shows up at the bottom, we shove THE AD up
       by (shareHeight + 8px gap) instead of moving our share bar. Yes —
       we can override JS-injected ad styles by setting !important inline
       (cssText with priority) which beats AdSense's own inline styles. */
    (function(){
      // gdb-mega = mega-menu container (open hamburger / nav-dropdown panel).
      // Without exclusion the lift logic would set its `top:auto` override,
      // pushing the close button off-screen so users can't dismiss it on mobile.
      var EXCLUDE_RE = /(gdb-mshare|gdb-toast|gdb-mega|skiptranslate|goog-te-banner|cf-banner|cf-anchor)/i;
      // Share bar is .gdb-mshare height:52px (see _base mobile-share CSS).
      // GAP=0 → the ad sits FLUSH right above it (user-requested visual:
      // ad bottom touches share bar top, no white sliver between).
      var GAP = 0;
      var pending = false;
      function adjust() {
        pending = false;
        var share = document.querySelector('.gdb-mshare');
        if (!share) return;
        if (getComputedStyle(share).display === 'none') return; // desktop
        var shareH = share.offsetHeight || 52;
        var liftBy = shareH + GAP;
        var vh = window.innerHeight;
        var nodes = document.body.getElementsByTagName('*');
        for (var i = 0; i < nodes.length; i++) {
          var el = nodes[i];
          if (el === share || share.contains(el) || el.contains(share)) continue;
          if (EXCLUDE_RE.test(el.id || '') || EXCLUDE_RE.test(el.className || '')) continue;
          var cs = getComputedStyle(el);
          if (cs.position !== 'fixed' && cs.position !== 'sticky') continue;
          if (cs.display === 'none' || cs.visibility === 'hidden' || parseFloat(cs.opacity) < 0.1) continue;
          var r = el.getBoundingClientRect();
          if (r.height < 20 || r.width < 100) continue;
          // Skip full-screen overlays (mega-menu, modals, lightboxes).
          // If the fixed element covers ≥80% of viewport height, it's a
          // dialog, not a sticky widget — moving it would knock its close
          // button off-screen. (Hamburger menu close-button bug, mobile.)
          if (r.height >= vh * 0.8) continue;
          // Only target elements that visually overlap the share bar's
          // y-range (vh - shareH .. vh). If they're already above by more
          // than our liftBy, leave them alone.
          if (r.bottom < vh - shareH - 2) continue;
          // Skip if we already lifted this one — measured by data attr
          // we stamp below. Ad providers may rewrite `style` attr later
          // so we re-apply on every adjust() to win the race.
          // setProperty with priority = 'important' overrides AdSense's
          // own inline `bottom: 0px` / `top:`-based positioning.
          el.style.setProperty('bottom', liftBy + 'px', 'important');
          el.style.setProperty('top', 'auto', 'important');
          el.setAttribute('data-gdb-lifted', '1');
        }
        // Share bar stays put.
        share.style.bottom = '0px';
        document.body.style.paddingBottom = shareH + 'px';
      }
      function schedule() {
        if (pending) return;
        pending = true;
        requestAnimationFrame(function(){ setTimeout(adjust, 50); });
      }
      if (document.readyState === 'complete') setTimeout(schedule, 800);
      else window.addEventListener('load', function(){ setTimeout(schedule, 800); });
      // Re-check often — ad providers periodically reset their inline
      // `bottom` style after we override it. 800ms keeps us in sync.
      setInterval(schedule, 800);
      if (window.MutationObserver) {
        var mo = new MutationObserver(function(){ schedule(); });
        mo.observe(document.body, { childList: true, subtree: true, attributes: true,
                                    attributeFilter: ['style', 'class', 'id'] });
      }
      window.addEventListener('resize', schedule);
      window.addEventListener('orientationchange', schedule);
    })();
    </script>
    
    <script>
      (function (s, t, a, y, twenty, two) {
        s.Stay22 = s.Stay22 || {};
        s.Stay22.params = { lmaID: '686688ab1419ac5c5acc4c05' };
        twenty = t.createElement(a);
        two = t.getElementsByTagName(a)[0];
        twenty.async = 1;
        twenty.src = y;
        two.parentNode.insertBefore(twenty, two);
      })(window, document, 'script', 'https://scripts.stay22.com/letmeallez.js');
    </script>

    
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-5FCLXM2');</script>

    
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5734292711266667" crossorigin="anonymous"></script>

    
    
    
    <script async type="text/javascript" src="https://hb-targa.s3.us-east-2.amazonaws.com/gifdb.com/opentrade/asc_prebid.js"></script>
    

    
    <script async data-id="101450725" src="//static.getclicky.com/js"></script>

    
    <script type="text/javascript" async=true>
    (function() {
      var host = 'gifdb.com';
      var element = document.createElement('script');
      var firstScript = document.getElementsByTagName('script')[0];
      var url = 'https://cmp.inmobi.com'
        .concat('/choice/', '2MMzmDKaU6zew', '/', host, '/choice.js?tag_version=V3');
      var uspTries = 0;
      var uspTriesLimit = 3;
      element.async = true;
      element.type = 'text/javascript';
      element.src = url;
      firstScript.parentNode.insertBefore(element, firstScript);

      function makeStub() {
        var TCF_LOCATOR_NAME = '__tcfapiLocator';
        var queue = [];
        var win = window;
        var cmpFrame;
        function addFrame() {
          var doc = win.document;
          var otherCMP = !!(win.frames[TCF_LOCATOR_NAME]);
          if (!otherCMP) {
            if (doc.body) {
              var iframe = doc.createElement('iframe');
              iframe.style.cssText = 'display:none';
              iframe.name = TCF_LOCATOR_NAME;
              doc.body.appendChild(iframe);
            } else { setTimeout(addFrame, 5); }
          }
          return !otherCMP;
        }
        function tcfAPIHandler() {
          var gdprApplies;
          var args = arguments;
          if (!args.length) { return queue; }
          else if (args[0] === 'setGdprApplies') {
            if (args.length > 3 && args[2] === 2 && typeof args[3] === 'boolean') {
              gdprApplies = args[3];
              if (typeof args[2] === 'function') { args[2]('set', true); }
            }
          } else if (args[0] === 'ping') {
            var retr = { gdprApplies: gdprApplies, cmpLoaded: false, cmpStatus: 'stub' };
            if (typeof args[2] === 'function') { args[2](retr); }
          } else {
            if (args[0] === 'init' && typeof args[3] === 'object') {
              args[3] = Object.assign(args[3], { tag_version: 'V3' });
            }
            queue.push(args);
          }
        }
        function postMessageEventHandler(event) {
          var msgIsString = typeof event.data === 'string';
          var json = {};
          try { json = msgIsString ? JSON.parse(event.data) : event.data; } catch (ignore) {}
          var payload = json.__tcfapiCall;
          if (payload) {
            window.__tcfapi(payload.command, payload.version, function(retValue, success) {
              var returnMsg = { __tcfapiReturn: { returnValue: retValue, success: success, callId: payload.callId } };
              if (msgIsString) returnMsg = JSON.stringify(returnMsg);
              if (event && event.source && event.source.postMessage) event.source.postMessage(returnMsg, '*');
            }, payload.parameter);
          }
        }
        while (win) {
          try { if (win.frames[TCF_LOCATOR_NAME]) { cmpFrame = win; break; } } catch (ignore) {}
          if (win === window.top) break;
          win = win.parent;
        }
        if (!cmpFrame) { addFrame(); win.__tcfapi = tcfAPIHandler; win.addEventListener('message', postMessageEventHandler, false); }
      }
      makeStub();

      function makeGppStub() {
        var CMP_ID = 10;
        var SUPPORTED_APIS = ['2:tcfeuv2','6:uspv1','7:usnatv1','8:usca','9:usvav1','10:uscov1','11:usutv1','12:usctv1'];
        window.__gpp_addFrame = function (n) {
          if (!window.frames[n]) {
            if (document.body) {
              var i = document.createElement("iframe");
              i.style.cssText = "display:none"; i.name = n;
              document.body.appendChild(i);
            } else { window.setTimeout(window.__gpp_addFrame, 10, n); }
          }
        };
        window.__gpp_stub = function () {
          var b = arguments;
          __gpp.queue = __gpp.queue || [];
          __gpp.events = __gpp.events || [];
          if (!b.length || (b.length == 1 && b[0] == "queue")) return __gpp.queue;
          if (b.length == 1 && b[0] == "events") return __gpp.events;
          var cmd = b[0]; var clb = b.length > 1 ? b[1] : null; var par = b.length > 2 ? b[2] : null;
          var baseData = { gppVersion: "1.1", cmpStatus: "stub", cmpDisplayStatus: "hidden", signalStatus: "not ready", supportedAPIs: SUPPORTED_APIS, cmpId: CMP_ID, sectionList: [], applicableSections: [-1], gppString: "", parsedSections: {} };
          if (cmd === "ping") { clb(baseData, true); }
          else if (cmd === "addEventListener") {
            if (!("lastId" in __gpp)) __gpp.lastId = 0;
            __gpp.lastId++;
            var lnr = __gpp.lastId;
            __gpp.events.push({ id: lnr, callback: clb, parameter: par });
            clb({ eventName: "listenerRegistered", listenerId: lnr, data: true, pingData: baseData }, true);
          } else if (cmd === "removeEventListener") {
            var success = false;
            for (var i = 0; i < __gpp.events.length; i++) {
              if (__gpp.events[i].id == par) { __gpp.events.splice(i, 1); success = true; break; }
            }
            clb({ eventName: "listenerRemoved", listenerId: par, data: success, pingData: baseData }, true);
          } else if (cmd === "hasSection") { clb(false, true); }
          else if (cmd === "getSection" || cmd === "getField") { clb(null, true); }
          else { __gpp.queue.push([].slice.apply(b)); }
        };
        window.__gpp_msghandler = function (event) {
          var msgIsString = typeof event.data === "string";
          var json = null;
          try { json = msgIsString ? JSON.parse(event.data) : event.data; } catch (e) {}
          if (typeof json === "object" && json !== null && "__gppCall" in json) {
            var i = json.__gppCall;
            window.__gpp(i.command, function (retValue, success) {
              var returnMsg = { __gppReturn: { returnValue: retValue, success: success, callId: i.callId } };
              event.source.postMessage(msgIsString ? JSON.stringify(returnMsg) : returnMsg, "*");
            }, "parameter" in i ? i.parameter : null, "version" in i ? i.version : "1.1");
          }
        };
        if (!("__gpp" in window) || typeof window.__gpp !== "function") {
          window.__gpp = window.__gpp_stub;
          window.addEventListener("message", window.__gpp_msghandler, false);
          window.__gpp_addFrame("__gppLocator");
        }
      }
      makeGppStub();

      var uspStubFunction = function() {
        var arg = arguments;
        if (typeof window.__uspapi !== uspStubFunction) {
          setTimeout(function() {
            if (typeof window.__uspapi !== 'undefined') { window.__uspapi.apply(window.__uspapi, arg); }
          }, 500);
        }
      };
      var checkIfUspIsReady = function() {
        uspTries++;
        if (window.__uspapi === uspStubFunction && uspTries < uspTriesLimit) { console.warn('USP is not accessible'); }
        else { clearInterval(uspInterval); }
      };
      if (typeof window.__uspapi === 'undefined') {
        window.__uspapi = uspStubFunction;
        var uspInterval = setInterval(checkIfUspIsReady, 6000);
      }
    })();
    </script>
    

    
    
<!-- Matomo -->
<script>
  var _paq = window._paq = window._paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="//tracking.gifdb.com/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '3610']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<!-- End Matomo Code -->
</head>
<body class="taxonomy">
    
    
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5FCLXM2" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    

<div id="page" class="site">


<header>
    <div class="container">
        <div class="header-wrap d-flex align-items-center justify-content-between">
            
            <a class="navbar-brand ps-md-0 home-url" href="/">
                <div class="d-block default-logo">
                    <img src="/static/src/gifdb.svg" width="auto" height="36" alt="GIFDB">
                </div>
                <div class="d-block sticky-logo">
                    <img src="/static/src/gifdb-sticky-mobile.png" width="auto" height="36" alt="GIFDB">
                </div>
            </a>

            
            <nav class="gdb-nav d-none d-lg-flex align-items-center" style="gap:6px;">
                <a href="/popular-gif-images/" class="gdb-nav-btn" data-panel="panel-categories">Categories <svg width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
                <a href="/sticker/" class="gdb-nav-btn" data-panel="panel-stickers">Stickers <svg width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
                <a href="/popular-gif-images/" class="gdb-nav-btn" data-panel="panel-reactions">Reactions <svg width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
                <a href="/popular-gif-images/" class="gdb-nav-btn" data-panel="panel-trending">Trending <svg width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
                <a href="/tools/" class="gdb-nav-btn" data-panel="panel-tools">Tools <svg width="10" height="6" viewBox="0 0 10 6" fill="none"><path d="M1 1l4 4 4-4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
            </nav>

            
            <div class="d-flex align-items-center" style="gap:10px;">
                <a href="/gif-maker/" class="gdb-cta-btn d-none d-md-flex align-items-center" style="gap:5px; text-decoration:none; color:#000; font-size:15px; font-weight:500;">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="16"/><line x1="8" y1="12" x2="16" y2="12"/></svg>
                    Create GIF
                </a>
                <a href="/dashboard/upload" class="gdb-cta-btn d-none d-md-flex align-items-center" style="gap:5px; text-decoration:none; color:#000; font-size:15px; font-weight:500;">
                    <svg width="20" height="20" viewBox="0 0 26 25" fill="none"><path d="M13.1572 24.5C6.29014 24.5 0.770142 19.1525 0.770142 12.5C0.770142 5.8475 6.29014 0.5 13.1572 0.5C20.0243 0.5 25.5443 5.8475 25.5443 12.5C25.5443 19.1525 20.0243 24.5 13.1572 24.5ZM13.1572 2.6825C7.52885 2.6825 3.02304 7.0475 3.02304 12.5C3.02304 17.9525 7.52885 22.3175 13.1572 22.3175C18.7856 22.3175 23.2914 17.9525 23.2914 12.5C23.2914 7.0475 18.7856 2.6825 13.1572 2.6825ZM13.1572 17.9525C12.4837 17.9525 12.0347 17.5175 12.0347 16.865V10.7525L9.44111 13.265C8.99208 13.7 8.31853 13.7 7.86175 13.265C7.40498 12.83 7.41272 12.1775 7.86175 11.735L12.3676 7.37C12.4837 7.2575 12.5921 7.1525 12.7082 7.1525C12.8243 7.04 13.0489 7.04 13.1572 7.04C13.2656 7.04 13.4979 7.04 13.6063 7.1525C13.7224 7.1525 13.8308 7.265 13.9469 7.37L18.4527 11.735C18.9018 12.17 18.9018 12.8225 18.4527 13.265C18.0037 13.7075 17.3301 13.7 16.8734 13.265L14.2798 10.7525V16.865C14.2798 17.5175 13.8308 17.9525 13.1572 17.9525Z" fill="black"/></svg>
                    Upload
                </a>
                
                <a href="/auth/login" class="gdb-cta-btn d-none d-md-flex align-items-center" style="gap:5px; text-decoration:none; color:#000; font-size:15px; font-weight:500;">
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
                    Login
                </a>
                
                
                
                
                <button id="gdb-nsfw-indicator" type="button" aria-label="Safe mode: NSFW filter ON"
                        title="Safe mode on — click to change"
                        style="display:none; align-items:center; gap:4px; background:none; border:1px solid #e5e7eb; border-radius:6px; padding:5px 9px; cursor:pointer; color:#dc2626; font-size:11px; font-weight:700; letter-spacing:0.5px;">
                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" style="flex-shrink:0;">
                        <line x1="4" y1="20" x2="20" y2="4"/>
                    </svg>
                    NSFW
                </button>
                
                <a href="/sticker/" class="gdb-mobile-cta d-md-none" aria-label="Stickers" title="Stickers">
                    
                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2" stroke-linejoin="round">
                        <path d="M3 5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
                        <path d="M16 3v5h5"/>
                    </svg>
                </a>
                <a href="/gif-maker/" class="gdb-mobile-cta" aria-label="Create GIF" title="Create GIF">
                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="16"/><line x1="8" y1="12" x2="16" y2="12"/></svg>
                </a>
                
                <a href="/auth/login" class="gdb-mobile-cta" aria-label="Log in" title="Log in">
                    <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#000" stroke-width="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
                </a>
                
                
                <button class="gdb-hamburger" id="gdb-hamburger-btn" aria-label="Menu" aria-expanded="false" style="background:none; border:none; cursor:pointer; padding:8px;">
                    <svg class="gdb-hamburger-bars" width="28" height="20" viewBox="0 0 31 23" fill="none"><path d="M3.69 23C2.11 23 .83 22.36.83 21.56c0-.8 1.28-1.44 2.86-1.44H28.14c1.58 0 2.86.64 2.86 1.44 0 .8-1.28 1.44-2.86 1.44H3.69zM3.66 12.94C2.08 12.94.8 12.29.8 11.5c0-.8 1.28-1.44 2.86-1.44h24.46c1.58 0 2.86.64 2.86 1.44s-1.28 1.44-2.86 1.44H3.66zM3.77 2.86C2.15 2.86.83 2.22.83 1.43.83.64 2.15 0 3.77 0h24.29C29.68 0 30.99.64 30.99 1.43c0 .79-1.31 1.43-2.93 1.43H3.77z" fill="#060606"/></svg>
                    <svg class="gdb-hamburger-x" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#060606" stroke-width="2.4" stroke-linecap="round"><line x1="5" y1="5" x2="19" y2="19"/><line x1="19" y1="5" x2="5" y2="19"/></svg>
                </button>
            </div>
        </div>
    </div>
</header>


<div id="gdb-mega-panels" style="display:none;">
    <div class="container" style="position:relative;">
        <div style="border-radius:0 0 12px 12px; padding:24px; color:#fff;" id="gdb-mega-inner">
        
        <button id="gdb-mega-close" style="position:absolute; top:12px; right:20px; background:none; border:none; color:#fff; font-size:24px; cursor:pointer;">&times;</button>

        
        <div class="gdb-panel" id="panel-categories" style="display:none;">
            <h3 style="font-size:18px; margin-bottom:16px; font-weight:700;">Categories</h3>
            <div class="row">
                
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/animal" style="color:#ccc; text-decoration:none; font-size:14px;">Animal</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/anime" style="color:#ccc; text-decoration:none; font-size:14px;">Anime</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/background" style="color:#ccc; text-decoration:none; font-size:14px;">Background</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/birthday" style="color:#ccc; text-decoration:none; font-size:14px;">Birthday</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/car" style="color:#ccc; text-decoration:none; font-size:14px;">Car</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/cartoon" style="color:#ccc; text-decoration:none; font-size:14px;">Cartoon</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/cat" style="color:#ccc; text-decoration:none; font-size:14px;">Cat</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/celebration" style="color:#ccc; text-decoration:none; font-size:14px;">Celebration</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/celebrities" style="color:#ccc; text-decoration:none; font-size:14px;">Celebrities</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/color" style="color:#ccc; text-decoration:none; font-size:14px;">Color</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/cute" style="color:#ccc; text-decoration:none; font-size:14px;">Cute</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/dance" style="color:#ccc; text-decoration:none; font-size:14px;">Dance</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/device" style="color:#ccc; text-decoration:none; font-size:14px;">Device</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/disney" style="color:#ccc; text-decoration:none; font-size:14px;">Disney</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/dog" style="color:#ccc; text-decoration:none; font-size:14px;">Dog</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/excited" style="color:#ccc; text-decoration:none; font-size:14px;">Excited</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/fantasy" style="color:#ccc; text-decoration:none; font-size:14px;">Fantasy</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/flower" style="color:#ccc; text-decoration:none; font-size:14px;">Flower</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/funny" style="color:#ccc; text-decoration:none; font-size:14px;">Funny</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/gaming" style="color:#ccc; text-decoration:none; font-size:14px;">Gaming</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/good-morning" style="color:#ccc; text-decoration:none; font-size:14px;">Good Morning</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/happy" style="color:#ccc; text-decoration:none; font-size:14px;">Happy</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/happy-birthday" style="color:#ccc; text-decoration:none; font-size:14px;">Happy Birthday</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/holiday" style="color:#ccc; text-decoration:none; font-size:14px;">Holiday</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/horror" style="color:#ccc; text-decoration:none; font-size:14px;">Horror</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/love" style="color:#ccc; text-decoration:none; font-size:14px;">Love</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/movie" style="color:#ccc; text-decoration:none; font-size:14px;">Movie</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/music" style="color:#ccc; text-decoration:none; font-size:14px;">Music</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/nature" style="color:#ccc; text-decoration:none; font-size:14px;">Nature</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/pusheen" style="color:#ccc; text-decoration:none; font-size:14px;">Pusheen</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/religious" style="color:#ccc; text-decoration:none; font-size:14px;">Religious</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/space" style="color:#ccc; text-decoration:none; font-size:14px;">Space</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sports" style="color:#ccc; text-decoration:none; font-size:14px;">Sports</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/superhero" style="color:#ccc; text-decoration:none; font-size:14px;">Superhero</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/travel" style="color:#ccc; text-decoration:none; font-size:14px;">Travel</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/tv-shows" style="color:#ccc; text-decoration:none; font-size:14px;">Tv Shows</a>
                </div>
                
            </div>
        </div>

        
        <div class="gdb-panel" id="panel-stickers" style="display:none;">
            <h3 style="font-size:18px; margin-bottom:16px; font-weight:700;">Stickers</h3>
            <div class="row">
                
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/cartoon" style="color:#ccc; text-decoration:none; font-size:14px;">Cartoon</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/cupid" style="color:#ccc; text-decoration:none; font-size:14px;">Cupid</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/cuphead" style="color:#ccc; text-decoration:none; font-size:14px;">Cuphead</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/christmas" style="color:#ccc; text-decoration:none; font-size:14px;">Christmas</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/football" style="color:#ccc; text-decoration:none; font-size:14px;">Football</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/confetti" style="color:#ccc; text-decoration:none; font-size:14px;">Confetti</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/heart" style="color:#ccc; text-decoration:none; font-size:14px;">Heart</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/love" style="color:#ccc; text-decoration:none; font-size:14px;">Love</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/awesome" style="color:#ccc; text-decoration:none; font-size:14px;">Awesome</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/brain" style="color:#ccc; text-decoration:none; font-size:14px;">Brain</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/bye" style="color:#ccc; text-decoration:none; font-size:14px;">Bye</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/baby-girl" style="color:#ccc; text-decoration:none; font-size:14px;">Baby Girl</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/coming-soon" style="color:#ccc; text-decoration:none; font-size:14px;">Coming Soon</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/date-night" style="color:#ccc; text-decoration:none; font-size:14px;">Date Night</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/blessing" style="color:#ccc; text-decoration:none; font-size:14px;">Blessing</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/boy-mom" style="color:#ccc; text-decoration:none; font-size:14px;">Boy Mom</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/buy-now" style="color:#ccc; text-decoration:none; font-size:14px;">Buy Now</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/50-cent" style="color:#ccc; text-decoration:none; font-size:14px;">50 Cent</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/bayram" style="color:#ccc; text-decoration:none; font-size:14px;">Bayram</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/celtics" style="color:#ccc; text-decoration:none; font-size:14px;">Celtics</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/agriculture" style="color:#ccc; text-decoration:none; font-size:14px;">Agriculture</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/aidiladha" style="color:#ccc; text-decoration:none; font-size:14px;">Aidiladha</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/air-pollution" style="color:#ccc; text-decoration:none; font-size:14px;">Air Pollution</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/49er" style="color:#ccc; text-decoration:none; font-size:14px;">49er</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/bbc" style="color:#ccc; text-decoration:none; font-size:14px;">BBC</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/bvb" style="color:#ccc; text-decoration:none; font-size:14px;">BVB</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/bud" style="color:#ccc; text-decoration:none; font-size:14px;">Bud</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/buenos-dias" style="color:#ccc; text-decoration:none; font-size:14px;">Buenos Dias</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/buenas-noches" style="color:#ccc; text-decoration:none; font-size:14px;">Buenas Noches</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/con-mucho-gusto" style="color:#ccc; text-decoration:none; font-size:14px;">Con Mucho Gusto</a>
                </div>
                
            </div>
            <div style="margin-top:16px;">
                <a href="/sticker/" style="color:#1796E6; text-decoration:none; font-size:14px; font-weight:600;">Browse all stickers →</a>
            </div>
        </div>

        
        <div class="gdb-panel" id="panel-reactions" style="display:none;">
            <h3 style="font-size:18px; margin-bottom:16px; font-weight:700;">Reaction GIFs</h3>
            <div class="row">
                
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/happy" style="color:#ccc; text-decoration:none; font-size:14px;">Happy</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sad" style="color:#ccc; text-decoration:none; font-size:14px;">Sad</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/angry" style="color:#ccc; text-decoration:none; font-size:14px;">Angry</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/excited" style="color:#ccc; text-decoration:none; font-size:14px;">Excited</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/crying" style="color:#ccc; text-decoration:none; font-size:14px;">Crying</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/laughing" style="color:#ccc; text-decoration:none; font-size:14px;">Laughing</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/shocked" style="color:#ccc; text-decoration:none; font-size:14px;">Shocked</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/confused" style="color:#ccc; text-decoration:none; font-size:14px;">Confused</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/love" style="color:#ccc; text-decoration:none; font-size:14px;">Love</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/funny" style="color:#ccc; text-decoration:none; font-size:14px;">Funny</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/bye" style="color:#ccc; text-decoration:none; font-size:14px;">Bye</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/thank-you" style="color:#ccc; text-decoration:none; font-size:14px;">Thank You</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/good-morning" style="color:#ccc; text-decoration:none; font-size:14px;">Good Morning</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/good-night" style="color:#ccc; text-decoration:none; font-size:14px;">Good Night</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/yes" style="color:#ccc; text-decoration:none; font-size:14px;">Yes</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/no" style="color:#ccc; text-decoration:none; font-size:14px;">No</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/eye-roll" style="color:#ccc; text-decoration:none; font-size:14px;">Eye Roll</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/omg" style="color:#ccc; text-decoration:none; font-size:14px;">OMG</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/thumbs-up" style="color:#ccc; text-decoration:none; font-size:14px;">Thumbs Up</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/hug" style="color:#ccc; text-decoration:none; font-size:14px;">Hug</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/applause" style="color:#ccc; text-decoration:none; font-size:14px;">Applause</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/welcome" style="color:#ccc; text-decoration:none; font-size:14px;">Welcome</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/congratulations" style="color:#ccc; text-decoration:none; font-size:14px;">Congratulations</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sorry" style="color:#ccc; text-decoration:none; font-size:14px;">Sorry</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/please" style="color:#ccc; text-decoration:none; font-size:14px;">Please</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/miss-you" style="color:#ccc; text-decoration:none; font-size:14px;">Miss You</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/scared" style="color:#ccc; text-decoration:none; font-size:14px;">Scared</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/nervous" style="color:#ccc; text-decoration:none; font-size:14px;">Nervous</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/embarrassed" style="color:#ccc; text-decoration:none; font-size:14px;">Embarrassed</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/disgusted" style="color:#ccc; text-decoration:none; font-size:14px;">Disgusted</a>
                </div>
                
            </div>
        </div>

        
        <div class="gdb-panel" id="panel-trending" style="display:none;">
            <h3 style="font-size:18px; margin-bottom:16px; font-weight:700;">Trending GIFs</h3>
            <div class="d-flex flex-wrap" style="gap:8px; margin-bottom:14px;">
                <a href="/trending-today/" style="color:#fff; background:#dc2626; padding:4px 14px; border-radius:20px; text-decoration:none; font-size:13px; font-weight:600;">🔥 Today</a>
                <a href="/discover/" style="color:#fff; background:#7c3aed; padding:4px 14px; border-radius:20px; text-decoration:none; font-size:13px; font-weight:600;">✨ Discover</a>
                <a href="/popular-gif-images/" style="color:#fff; background:#2a9fe8; padding:4px 14px; border-radius:20px; text-decoration:none; font-size:13px; font-weight:600;">Top</a>
                
                <a href="/popular-gif-images/a" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">A</a>
                
                <a href="/popular-gif-images/b" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">B</a>
                
                <a href="/popular-gif-images/c" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">C</a>
                
                <a href="/popular-gif-images/d" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">D</a>
                
                <a href="/popular-gif-images/e" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">E</a>
                
                <a href="/popular-gif-images/f" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">F</a>
                
                <a href="/popular-gif-images/g" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">G</a>
                
                <a href="/popular-gif-images/h" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">H</a>
                
                <a href="/popular-gif-images/i" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">I</a>
                
                <a href="/popular-gif-images/j" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">J</a>
                
                <a href="/popular-gif-images/k" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">K</a>
                
                <a href="/popular-gif-images/l" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">L</a>
                
                <a href="/popular-gif-images/m" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">M</a>
                
                <a href="/popular-gif-images/n" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">N</a>
                
                <a href="/popular-gif-images/o" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">O</a>
                
                <a href="/popular-gif-images/p" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">P</a>
                
                <a href="/popular-gif-images/q" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">Q</a>
                
                <a href="/popular-gif-images/r" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">R</a>
                
                <a href="/popular-gif-images/s" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">S</a>
                
                <a href="/popular-gif-images/t" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">T</a>
                
                <a href="/popular-gif-images/u" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">U</a>
                
                <a href="/popular-gif-images/v" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">V</a>
                
                <a href="/popular-gif-images/w" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">W</a>
                
                <a href="/popular-gif-images/x" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">X</a>
                
                <a href="/popular-gif-images/y" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">Y</a>
                
                <a href="/popular-gif-images/z" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">Z</a>
                
                <a href="/popular-gif-images/numbers" style="color:#ccc; background:rgba(255,255,255,0.1); padding:4px 10px; border-radius:20px; text-decoration:none; font-size:13px;">#</a>
            </div>
            
            <div class="row">
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/johnny-manziel" style="color:#ccc; text-decoration:none; font-size:14px;">Johnny Manziel</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/knicks" style="color:#ccc; text-decoration:none; font-size:14px;">Knicks</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/lance-stephenson" style="color:#ccc; text-decoration:none; font-size:14px;">Lance Stephenson</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/grogu" style="color:#ccc; text-decoration:none; font-size:14px;">Grogu</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/freaky" style="color:#ccc; text-decoration:none; font-size:14px;">Freaky</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sick" style="color:#ccc; text-decoration:none; font-size:14px;">Sick</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/lfg" style="color:#ccc; text-decoration:none; font-size:14px;">Lfg Gif</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/you-got-it" style="color:#ccc; text-decoration:none; font-size:14px;">You Got It</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/who-me" style="color:#ccc; text-decoration:none; font-size:14px;">Who Me</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/gun" style="color:#ccc; text-decoration:none; font-size:14px;">Gun</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/bubu-dudu" style="color:#ccc; text-decoration:none; font-size:14px;">Bubu Dudu</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/rough-kiss" style="color:#ccc; text-decoration:none; font-size:14px;">Rough Kiss</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/soldier-boy" style="color:#ccc; text-decoration:none; font-size:14px;">Soldier Boy</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/ishowspeed" style="color:#ccc; text-decoration:none; font-size:14px;">Ishowspeed</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/brahmanandam" style="color:#ccc; text-decoration:none; font-size:14px;">Brahmanandam</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/anime" style="color:#ccc; text-decoration:none; font-size:14px;">Anime</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/invincible" style="color:#ccc; text-decoration:none; font-size:14px;">Invincible Gif</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/romantic-kiss" style="color:#ccc; text-decoration:none; font-size:14px;">Romantic Kiss</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/flying-kiss" style="color:#ccc; text-decoration:none; font-size:14px;">Flying Kiss</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/trash" style="color:#ccc; text-decoration:none; font-size:14px;">Trash</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sabrina-carpenter" style="color:#ccc; text-decoration:none; font-size:14px;">Sabrina Carpenter</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/chick-fil-a" style="color:#ccc; text-decoration:none; font-size:14px;">Chick Fil A</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/happy-rainy-sunday" style="color:#ccc; text-decoration:none; font-size:14px;">Happy Rainy Sunday</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/hallelujah" style="color:#ccc; text-decoration:none; font-size:14px;">Hallelujah</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/among-us" style="color:#ccc; text-decoration:none; font-size:14px;">Among Us</a>
                </div>
                
            </div>
            
        </div>

        
        <div class="gdb-panel" id="panel-tools" style="display:none;">
            <div class="row g-4">
                
                <div class="col-md-6 col-lg-3">
                    <h4 style="font-size:11px; text-transform:uppercase; letter-spacing:1px; color:#9aa6b3; margin-bottom:10px; font-weight:700;">GIF makers</h4>
                    <ul style="list-style:none; padding:0; margin:0;">
                        
                        <li style="margin-bottom:4px;">
                            <a href="/gif-maker/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">GIF Maker</span>
                                <span style="font-size:11px; color:#94a3b8;">From any video</span>
                            </a>
                        </li>
                        
                        <li style="margin-bottom:4px;">
                            <a href="/tools/mp4-to-gif/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">MP4 to GIF</span>
                                <span style="font-size:11px; color:#94a3b8;">Drop a video file</span>
                            </a>
                        </li>
                        
                        <li style="margin-bottom:4px;">
                            <a href="/tools/images-to-gif/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">Images to GIF</span>
                                <span style="font-size:11px; color:#94a3b8;">Slideshow from images</span>
                            </a>
                        </li>
                        
                        <li style="margin-bottom:4px;">
                            <a href="/tools/gif-caption/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">Meme Maker</span>
                                <span style="font-size:11px; color:#94a3b8;">Top + bottom text</span>
                            </a>
                        </li>
                        
                    </ul>
                </div>
                
                <div class="col-md-6 col-lg-3">
                    <h4 style="font-size:11px; text-transform:uppercase; letter-spacing:1px; color:#9aa6b3; margin-bottom:10px; font-weight:700;">GIF utilities</h4>
                    <ul style="list-style:none; padding:0; margin:0;">
                        
                        <li style="margin-bottom:4px;">
                            <a href="/tools/gif-compressor/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">GIF Compressor</span>
                                <span style="font-size:11px; color:#94a3b8;">Up to 80% smaller</span>
                            </a>
                        </li>
                        
                        <li style="margin-bottom:4px;">
                            <a href="/tools/gif-resizer/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">GIF Resizer</span>
                                <span style="font-size:11px; color:#94a3b8;">Scale width or height</span>
                            </a>
                        </li>
                        
                        <li style="margin-bottom:4px;">
                            <a href="/tools/gif-to-mp4/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">GIF to MP4</span>
                                <span style="font-size:11px; color:#94a3b8;">10x smaller, plays everywhere</span>
                            </a>
                        </li>
                        
                        <li style="margin-bottom:4px;">
                            <a href="/tools/gif-reverse/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">GIF Reverser</span>
                                <span style="font-size:11px; color:#94a3b8;">Play backwards</span>
                            </a>
                        </li>
                        
                        <li style="margin-bottom:4px;">
                            <a href="/tools/gif-speed/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">GIF Speed</span>
                                <span style="font-size:11px; color:#94a3b8;">0.25x to 4x</span>
                            </a>
                        </li>
                        
                        <li style="margin-bottom:4px;">
                            <a href="/tools/gif-frame-splitter/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">Frame Splitter</span>
                                <span style="font-size:11px; color:#94a3b8;">Extract PNG frames</span>
                            </a>
                        </li>
                        
                        <li style="margin-bottom:4px;">
                            <a href="/tools/gif-combiner/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">GIF Combiner</span>
                                <span style="font-size:11px; color:#94a3b8;">Merge 2-10 GIFs</span>
                            </a>
                        </li>
                        
                    </ul>
                </div>
                
                <div class="col-md-6 col-lg-3">
                    <h4 style="font-size:11px; text-transform:uppercase; letter-spacing:1px; color:#9aa6b3; margin-bottom:10px; font-weight:700;">Sticker tools</h4>
                    <ul style="list-style:none; padding:0; margin:0;">
                        
                        <li style="margin-bottom:4px;">
                            <a href="/tools/gif-to-sticker/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">GIF to Sticker</span>
                                <span style="font-size:11px; color:#94a3b8;">512×512 WebP</span>
                            </a>
                        </li>
                        
                        <li style="margin-bottom:4px;">
                            <a href="/tools/image-to-sticker/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">Image to Sticker</span>
                                <span style="font-size:11px; color:#94a3b8;">PNG/JPG → sticker</span>
                            </a>
                        </li>
                        
                        <li style="margin-bottom:4px;">
                            <a href="/tools/whatsapp-sticker-pack/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">WhatsApp Pack</span>
                                <span style="font-size:11px; color:#94a3b8;">.wastickers builder</span>
                            </a>
                        </li>
                        
                        <li style="margin-bottom:4px;">
                            <a href="/tools/telegram-sticker-pack/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">Telegram Pack</span>
                                <span style="font-size:11px; color:#94a3b8;">Via @stickers</span>
                            </a>
                        </li>
                        
                    </ul>
                </div>
                
                <div class="col-md-6 col-lg-3">
                    <h4 style="font-size:11px; text-transform:uppercase; letter-spacing:1px; color:#9aa6b3; margin-bottom:10px; font-weight:700;">Video downloaders</h4>
                    <ul style="list-style:none; padding:0; margin:0;">
                        
                        <li style="margin-bottom:4px;">
                            <a href="/tools/youtube-to-gif/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">YouTube</span>
                                <span style="font-size:11px; color:#94a3b8;">Long-form + Shorts</span>
                            </a>
                        </li>
                        
                        <li style="margin-bottom:4px;">
                            <a href="/tools/vimeo-to-gif/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">Vimeo</span>
                                <span style="font-size:11px; color:#94a3b8;">Public videos</span>
                            </a>
                        </li>
                        
                        <li style="margin-bottom:4px;">
                            <a href="/tools/tiktok-downloader/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">TikTok</span>
                                <span style="font-size:11px; color:#94a3b8;">No watermark</span>
                            </a>
                        </li>
                        
                        <li style="margin-bottom:4px;">
                            <a href="/tools/twitter-downloader/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">Twitter / X</span>
                                <span style="font-size:11px; color:#94a3b8;">HD, SD, GIF tweets</span>
                            </a>
                        </li>
                        
                        <li style="margin-bottom:4px;">
                            <a href="/tools/instagram-downloader/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">Instagram</span>
                                <span style="font-size:11px; color:#94a3b8;">Reels + posts</span>
                            </a>
                        </li>
                        
                        <li style="margin-bottom:4px;">
                            <a href="/tools/reddit-downloader/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">Reddit</span>
                                <span style="font-size:11px; color:#94a3b8;">With sound</span>
                            </a>
                        </li>
                        
                        <li style="margin-bottom:4px;">
                            <a href="/tools/facebook-downloader/" class="gdb-tools-mega-link" style="color:#e2e8f0; text-decoration:none; font-size:14px; display:flex; flex-direction:column; padding:6px 10px; border-radius:6px; transition:background .12s;">
                                <span style="font-weight:600;">Facebook</span>
                                <span style="font-size:11px; color:#94a3b8;">Watch + Reels</span>
                            </a>
                        </li>
                        
                    </ul>
                </div>
                
            </div>
            <div class="text-end mt-3">
                <a href="/tools/" style="color:#1796E6; text-decoration:none; font-size:14px; font-weight:600;">View all tools →</a>
            </div>
        </div>
        <style>
            .gdb-tools-mega-link:hover{ background:rgba(255,255,255,0.08); color:#fff !important; }
            .gdb-tools-mega-link:hover span:last-child{ color:#cbd5e1 !important; }
        </style>

        
        <div class="gdb-panel" id="panel-all" style="display:none;">
            <div class="row mb-4">
                <div class="col-12 mb-3"><h3 style="font-size:18px; font-weight:700;">Categories</h3></div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/animal" style="color:#ccc; text-decoration:none; font-size:14px;">Animal</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/anime" style="color:#ccc; text-decoration:none; font-size:14px;">Anime</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/background" style="color:#ccc; text-decoration:none; font-size:14px;">Background</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/birthday" style="color:#ccc; text-decoration:none; font-size:14px;">Birthday</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/car" style="color:#ccc; text-decoration:none; font-size:14px;">Car</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/cartoon" style="color:#ccc; text-decoration:none; font-size:14px;">Cartoon</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/cat" style="color:#ccc; text-decoration:none; font-size:14px;">Cat</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/celebration" style="color:#ccc; text-decoration:none; font-size:14px;">Celebration</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/celebrities" style="color:#ccc; text-decoration:none; font-size:14px;">Celebrities</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/color" style="color:#ccc; text-decoration:none; font-size:14px;">Color</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/cute" style="color:#ccc; text-decoration:none; font-size:14px;">Cute</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/dance" style="color:#ccc; text-decoration:none; font-size:14px;">Dance</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/device" style="color:#ccc; text-decoration:none; font-size:14px;">Device</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/disney" style="color:#ccc; text-decoration:none; font-size:14px;">Disney</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/dog" style="color:#ccc; text-decoration:none; font-size:14px;">Dog</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/excited" style="color:#ccc; text-decoration:none; font-size:14px;">Excited</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/fantasy" style="color:#ccc; text-decoration:none; font-size:14px;">Fantasy</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/flower" style="color:#ccc; text-decoration:none; font-size:14px;">Flower</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/funny" style="color:#ccc; text-decoration:none; font-size:14px;">Funny</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/gaming" style="color:#ccc; text-decoration:none; font-size:14px;">Gaming</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/good-morning" style="color:#ccc; text-decoration:none; font-size:14px;">Good Morning</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/happy" style="color:#ccc; text-decoration:none; font-size:14px;">Happy</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/happy-birthday" style="color:#ccc; text-decoration:none; font-size:14px;">Happy Birthday</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/holiday" style="color:#ccc; text-decoration:none; font-size:14px;">Holiday</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/horror" style="color:#ccc; text-decoration:none; font-size:14px;">Horror</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/love" style="color:#ccc; text-decoration:none; font-size:14px;">Love</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/movie" style="color:#ccc; text-decoration:none; font-size:14px;">Movie</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/music" style="color:#ccc; text-decoration:none; font-size:14px;">Music</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/nature" style="color:#ccc; text-decoration:none; font-size:14px;">Nature</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/pusheen" style="color:#ccc; text-decoration:none; font-size:14px;">Pusheen</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/religious" style="color:#ccc; text-decoration:none; font-size:14px;">Religious</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/space" style="color:#ccc; text-decoration:none; font-size:14px;">Space</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sports" style="color:#ccc; text-decoration:none; font-size:14px;">Sports</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/superhero" style="color:#ccc; text-decoration:none; font-size:14px;">Superhero</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/travel" style="color:#ccc; text-decoration:none; font-size:14px;">Travel</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/tv-shows" style="color:#ccc; text-decoration:none; font-size:14px;">Tv Shows</a>
                </div>
                
            </div>
            <hr style="border-color:rgba(255,255,255,0.1);">
            
            <div class="row mb-4">
                <div class="col-12 mb-3"><h3 style="font-size:18px; font-weight:700;">Stickers</h3></div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/cartoon" style="color:#ccc; text-decoration:none; font-size:14px;">Cartoon</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/cupid" style="color:#ccc; text-decoration:none; font-size:14px;">Cupid</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/cuphead" style="color:#ccc; text-decoration:none; font-size:14px;">Cuphead</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/christmas" style="color:#ccc; text-decoration:none; font-size:14px;">Christmas</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/football" style="color:#ccc; text-decoration:none; font-size:14px;">Football</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/confetti" style="color:#ccc; text-decoration:none; font-size:14px;">Confetti</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/heart" style="color:#ccc; text-decoration:none; font-size:14px;">Heart</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/love" style="color:#ccc; text-decoration:none; font-size:14px;">Love</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/awesome" style="color:#ccc; text-decoration:none; font-size:14px;">Awesome</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/brain" style="color:#ccc; text-decoration:none; font-size:14px;">Brain</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/bye" style="color:#ccc; text-decoration:none; font-size:14px;">Bye</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/baby-girl" style="color:#ccc; text-decoration:none; font-size:14px;">Baby Girl</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/coming-soon" style="color:#ccc; text-decoration:none; font-size:14px;">Coming Soon</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/date-night" style="color:#ccc; text-decoration:none; font-size:14px;">Date Night</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/blessing" style="color:#ccc; text-decoration:none; font-size:14px;">Blessing</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/boy-mom" style="color:#ccc; text-decoration:none; font-size:14px;">Boy Mom</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/buy-now" style="color:#ccc; text-decoration:none; font-size:14px;">Buy Now</a>
                </div>
                
                <div class="col-6 col-md-3 col-lg-2 mb-2">
                    <a href="/sticker/50-cent" style="color:#ccc; text-decoration:none; font-size:14px;">50 Cent</a>
                </div>
                
                <div class="col-12 mt-2">
                    <a href="/sticker/" style="color:#1796E6; text-decoration:none; font-size:14px; font-weight:600;">Browse all stickers →</a>
                </div>
            </div>
            <hr style="border-color:rgba(255,255,255,0.1);">
            
            <div class="row mb-4">
                <div class="col-12 mb-3"><h3 style="font-size:18px; font-weight:700;">Tools</h3></div>
                <div class="col-6 col-md-3 mb-2"><a href="/gif-maker/" style="color:#ccc; text-decoration:none; font-size:14px;">GIF Maker</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/tools/mp4-to-gif/" style="color:#ccc; text-decoration:none; font-size:14px;">MP4 to GIF</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/tools/gif-compressor/" style="color:#ccc; text-decoration:none; font-size:14px;">GIF Compressor</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/tools/gif-resizer/" style="color:#ccc; text-decoration:none; font-size:14px;">GIF Resizer</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/tools/gif-to-mp4/" style="color:#ccc; text-decoration:none; font-size:14px;">GIF to MP4</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/tools/gif-reverse/" style="color:#ccc; text-decoration:none; font-size:14px;">GIF Reverser</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/tools/gif-speed/" style="color:#ccc; text-decoration:none; font-size:14px;">GIF Speed</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/tools/gif-frame-splitter/" style="color:#ccc; text-decoration:none; font-size:14px;">Frame Splitter</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/tools/gif-combiner/" style="color:#ccc; text-decoration:none; font-size:14px;">GIF Combiner</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/tools/gif-caption/" style="color:#ccc; text-decoration:none; font-size:14px;">Meme Maker</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/tools/images-to-gif/" style="color:#ccc; text-decoration:none; font-size:14px;">Image to GIF</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/tools/gif-to-sticker/" style="color:#ccc; text-decoration:none; font-size:14px;">GIF to Sticker</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/tools/image-to-sticker/" style="color:#ccc; text-decoration:none; font-size:14px;">Image to Sticker</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/tools/whatsapp-sticker-pack/" style="color:#ccc; text-decoration:none; font-size:14px;">WhatsApp Pack</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/tools/telegram-sticker-pack/" style="color:#ccc; text-decoration:none; font-size:14px;">Telegram Pack</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/tools/youtube-to-gif/" style="color:#ccc; text-decoration:none; font-size:14px;">YouTube to GIF</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/tools/vimeo-to-gif/" style="color:#ccc; text-decoration:none; font-size:14px;">Vimeo to GIF</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/tools/tiktok-downloader/" style="color:#ccc; text-decoration:none; font-size:14px;">TikTok Downloader</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/tools/twitter-downloader/" style="color:#ccc; text-decoration:none; font-size:14px;">Twitter / X Downloader</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/tools/instagram-downloader/" style="color:#ccc; text-decoration:none; font-size:14px;">Instagram Downloader</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/tools/reddit-downloader/" style="color:#ccc; text-decoration:none; font-size:14px;">Reddit Downloader</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/tools/facebook-downloader/" style="color:#ccc; text-decoration:none; font-size:14px;">Facebook Downloader</a></div>
                <div class="col-12 mt-2">
                    <a href="/tools/" style="color:#1796E6; text-decoration:none; font-size:14px; font-weight:600;">All tools →</a>
                </div>
            </div>
            <hr style="border-color:rgba(255,255,255,0.1);">
            <div class="row mb-4">
                <div class="col-12 mb-3"><h3 style="font-size:18px; font-weight:700;">Browse</h3></div>
                
                
                <div class="col-6 col-md-3 mb-2"><a href="/browse/reactions/" style="color:#ccc; text-decoration:none; font-size:14px;">Reactions</a></div>
                
                <div class="col-6 col-md-3 mb-2"><a href="/browse/celebrity-gifs/" style="color:#ccc; text-decoration:none; font-size:14px;">Celebrities</a></div>
                
                <div class="col-6 col-md-3 mb-2"><a href="/browse/characters/" style="color:#ccc; text-decoration:none; font-size:14px;">Characters</a></div>
                
                <div class="col-6 col-md-3 mb-2"><a href="/browse/animals/" style="color:#ccc; text-decoration:none; font-size:14px;">Animals</a></div>
                
                <div class="col-6 col-md-3 mb-2"><a href="/browse/places/" style="color:#ccc; text-decoration:none; font-size:14px;">Places</a></div>
                
                <div class="col-6 col-md-3 mb-2"><a href="/browse/food-gifs/" style="color:#ccc; text-decoration:none; font-size:14px;">Food</a></div>
                
                <div class="col-6 col-md-3 mb-2"><a href="/browse/brands/" style="color:#ccc; text-decoration:none; font-size:14px;">Brands</a></div>
                
                <div class="col-6 col-md-3 mb-2"><a href="/browse/activities/" style="color:#ccc; text-decoration:none; font-size:14px;">Activities</a></div>
                
                <div class="col-6 col-md-3 mb-2"><a href="/browse/concepts/" style="color:#ccc; text-decoration:none; font-size:14px;">Feelings</a></div>
                
                <div class="col-6 col-md-3 mb-2"><a href="/browse/objects/" style="color:#ccc; text-decoration:none; font-size:14px;">Objects</a></div>
                
                <div class="col-6 col-md-3 mb-2"><a href="/browse/" style="color:#1796E6; text-decoration:none; font-size:14px; font-weight:600;">Browse All →</a></div>
                
                <div class="col-12" style="height:12px;"></div>
                <div class="col-6 col-md-3 mb-2"><a href="/latest/" style="color:#ccc; text-decoration:none; font-size:14px;">Latest GIFs</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/latest-categories/" style="color:#ccc; text-decoration:none; font-size:14px;">Latest Categories</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/top/" style="color:#ccc; text-decoration:none; font-size:14px;">Top GIFs</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/popular-gif-images/" style="color:#ccc; text-decoration:none; font-size:14px;">Popular Searches</a></div>
            </div>
            <hr style="border-color:rgba(255,255,255,0.1);">
            <div class="row mb-4">
                <div class="col-12 mb-3"><h3 style="font-size:18px; font-weight:700;">Guides</h3></div>
                <div class="col-6 col-md-4 mb-2"><a href="/how-to-make-gifs/" style="color:#ccc; text-decoration:none; font-size:14px;">How to Make GIFs</a></div>
                <div class="col-6 col-md-4 mb-2"><a href="/how-to-share-gifs/" style="color:#ccc; text-decoration:none; font-size:14px;">How to Share GIFs</a></div>
                <div class="col-6 col-md-4 mb-2"><a href="/gif-format-guide/" style="color:#ccc; text-decoration:none; font-size:14px;">GIF Format Guide</a></div>
                <div class="col-6 col-md-4 mb-2"><a href="/download-videos-for-gifs/" style="color:#ccc; text-decoration:none; font-size:14px;">Download Videos for GIFs</a></div>
                <div class="col-6 col-md-4 mb-2"><a href="/best-gifs-by-category/" style="color:#ccc; text-decoration:none; font-size:14px;">Best GIFs by Category</a></div>
            </div>
            <hr style="border-color:rgba(255,255,255,0.1);">
            <div class="row mb-4">
                <div class="col-12 mb-3"><h3 style="font-size:18px; font-weight:700;">Account</h3></div>
                <div class="col-6 col-md-3 mb-2"><a href="/auth/login" style="color:#ccc; text-decoration:none; font-size:14px;">Log In</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/auth/login?signup=1" style="color:#ccc; text-decoration:none; font-size:14px;">Sign Up</a></div>
            </div>
            <hr style="border-color:rgba(255,255,255,0.1);">
            <div class="row mb-3">
                <div class="col-12 mb-3"><h3 style="font-size:18px; font-weight:700;">More</h3></div>
                <div class="col-6 col-md-3 mb-2"><a href="/about-us/" style="color:#ccc; text-decoration:none; font-size:14px;">About GIFDB</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/contact-us/" style="color:#ccc; text-decoration:none; font-size:14px;">Contact Us</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/dmca/" style="color:#ccc; text-decoration:none; font-size:14px;">DMCA</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/faq/" style="color:#ccc; text-decoration:none; font-size:14px;">FAQ</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/privacy-policy/" style="color:#ccc; text-decoration:none; font-size:14px;">Privacy Policy</a></div>
                <div class="col-6 col-md-3 mb-2"><a href="/terms/" style="color:#ccc; text-decoration:none; font-size:14px;">Terms</a></div>
            </div>
        </div>
        </div>
    </div>
</div>


<div class="container search-container">
    <div class="search-form d-flex" style="justify-content:center; align-items:center; flex-direction:column;">
        <div class="col input-group input-group-lg" style="justify-content: center; align-items:center;">
            <input type="text" class="form-control search-field search-autocomplete ms-0" id="big-search" placeholder="Search all GIFs" aria-label="Search all GIFs" style="height:50px;border:none">
            <div class="input-group-append">
                <div class="search-div input-group-text py-lg-0 py-md-2 px-4 d-flex" id="inputGroup-sizing-lg">
                    <svg xmlns="http://www.w3.org/2000/svg" class="search-results-button" width="24" height="24" viewBox="0 -2 20 24">
                        <path d="M16.55,19.61c-3.11-3.28-2.72-3.52-2.72-3.52a.86.86,0,0,1-.06-.23,7.33,7.33,0,0,1-3.3,1.45C2,18.26.33,11.24.32,11.17h0A9.39,9.39,0,0,1,1.55,3.59,8.7,8.7,0,0,1,7.65.07c6.13-.68,9,3.48,9.64,7.6a8,8,0,0,1-1.52,6.23c-.17.22-.35.43-.53.63l1.89,1.27S18.93,16.89,19,18a1.54,1.54,0,0,1-2.47,1.62ZM15.23,8c-.31-2-1.68-6.5-7.37-5.87A6.67,6.67,0,0,0,3.19,4.8a7.32,7.32,0,0,0-.88,5.94c0,.24,1.29,5.25,7.91,4.52a6.68,6.68,0,0,0,3.87-2.61A5.92,5.92,0,0,0,15.23,8ZM8,5.09C4.36,6.55,5.46,9.67,5.55,9.8A1,1,0,0,1,5,11.1H5l-.24.06a1,1,0,0,1-1.16-.68C2.92,8.71,2.85,4.9,7.21,3.15a1,1,0,0,1,1.33.49h0v.09a1,1,0,0,1-.49,1.33H8Z" fill-rule="evenodd" fill="#ffffff"></path>
                    </svg>
                </div>
            </div>
        </div>
        
        
        
        
        
        
        <div class="col d-flex top-search align-items-center" style="width:100%; padding:8px 0;">
            <ul class="top-search-list p-0" style="display:flex; flex-wrap:nowrap; overflow-x:auto; gap:8px; scrollbar-width:none; -webkit-overflow-scrolling:touch;">
                
                
                <li style="flex-shrink:0; background-color:#4195cc !important;">
                    <a href="/johnny-manziel"
                       title="Johnny Manziel GIF"
                       data-tag-name="Johnny Manziel">
                        <span>Johnny Manziel GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#33a86c !important;">
                    <a href="/knicks"
                       title="Knicks GIF"
                       data-tag-name="Knicks">
                        <span>Knicks GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#9dcf67 !important;">
                    <a href="/lance-stephenson"
                       title="Lance Stephenson GIF"
                       data-tag-name="Lance Stephenson">
                        <span>Lance Stephenson GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#ebbb3f !important;">
                    <a href="/grogu"
                       title="Grogu GIF"
                       data-tag-name="Grogu">
                        <span>Grogu GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#f69a5a !important;">
                    <a href="/freaky"
                       title="Freaky GIF"
                       data-tag-name="Freaky">
                        <span>Freaky GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#e15252 !important;">
                    <a href="/sick"
                       title="Sick GIF"
                       data-tag-name="Sick">
                        <span>Sick GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#c365ac !important;">
                    <a href="/lfg"
                       title="Lfg Gif GIF"
                       data-tag-name="Lfg Gif">
                        <span>Lfg Gif GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#58538b !important;">
                    <a href="/you-got-it"
                       title="You Got It GIF"
                       data-tag-name="You Got It">
                        <span>You Got It GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#4195cc !important;">
                    <a href="/who-me"
                       title="Who Me GIF"
                       data-tag-name="Who Me">
                        <span>Who Me GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#33a86c !important;">
                    <a href="/gun"
                       title="Gun GIF"
                       data-tag-name="Gun">
                        <span>Gun GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#9dcf67 !important;">
                    <a href="/bubu-dudu"
                       title="Bubu Dudu GIF"
                       data-tag-name="Bubu Dudu">
                        <span>Bubu Dudu GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#ebbb3f !important;">
                    <a href="/rough-kiss"
                       title="Rough Kiss GIF"
                       data-tag-name="Rough Kiss">
                        <span>Rough Kiss GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#f69a5a !important;">
                    <a href="/soldier-boy"
                       title="Soldier Boy GIF"
                       data-tag-name="Soldier Boy">
                        <span>Soldier Boy GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#e15252 !important;">
                    <a href="/ishowspeed"
                       title="Ishowspeed GIF"
                       data-tag-name="Ishowspeed">
                        <span>Ishowspeed GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#c365ac !important;">
                    <a href="/brahmanandam"
                       title="Brahmanandam GIF"
                       data-tag-name="Brahmanandam">
                        <span>Brahmanandam GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#4195cc !important;">
                    <a href="/anime"
                       title="Anime GIF"
                       data-tag-name="Anime">
                        <span>Anime GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#33a86c !important;">
                    <a href="/invincible"
                       title="Invincible Gif GIF"
                       data-tag-name="Invincible Gif">
                        <span>Invincible Gif GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#9dcf67 !important;">
                    <a href="/romantic-kiss"
                       title="Romantic Kiss GIF"
                       data-tag-name="Romantic Kiss">
                        <span>Romantic Kiss GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#ebbb3f !important;">
                    <a href="/flying-kiss"
                       title="Flying Kiss GIF"
                       data-tag-name="Flying Kiss">
                        <span>Flying Kiss GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#f69a5a !important;">
                    <a href="/trash"
                       title="Trash GIF"
                       data-tag-name="Trash">
                        <span>Trash GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#e15252 !important;">
                    <a href="/sabrina-carpenter"
                       title="Sabrina Carpenter GIF"
                       data-tag-name="Sabrina Carpenter">
                        <span>Sabrina Carpenter GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#c365ac !important;">
                    <a href="/chick-fil-a"
                       title="Chick Fil A GIF"
                       data-tag-name="Chick Fil A">
                        <span>Chick Fil A GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#58538b !important;">
                    <a href="/happy-rainy-sunday"
                       title="Happy Rainy Sunday GIF"
                       data-tag-name="Happy Rainy Sunday">
                        <span>Happy Rainy Sunday GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#4195cc !important;">
                    <a href="/hallelujah"
                       title="Hallelujah GIF"
                       data-tag-name="Hallelujah">
                        <span>Hallelujah GIF</span>
                    </a>
                </li>
                
                <li style="flex-shrink:0; background-color:#33a86c !important;">
                    <a href="/among-us"
                       title="Among Us GIF"
                       data-tag-name="Among Us">
                        <span>Among Us GIF</span>
                    </a>
                </li>
                
            </ul>
        </div>
        
    </div>
</div>







<main>
    <div class="container" style="padding-bottom:3rem;">

        

        
        <nav aria-label="breadcrumb" class="nav-breadcrumbs mt-2">
            <ol class="breadcrumb py-0 my-0">
                <li class="breadcrumb-item"><a href="/" title="GIFDB Home"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#1796E6" stroke-width="2" style="vertical-align:-2px;"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg></a></li>
                
                <li class="breadcrumb-item active" aria-current="page">Design</li>
                
            </ol>
        </nav>

        
        <div class="mt-2">
            <h1 style="display:inline-block; margin:0;">Design GIFs</h1>
            
            <span style="color:#888; font-size:14px; margin-left:8px;">45 GIFs</span>
            
        </div>

        
        

        
        
        

        
        
        <div class="related-pill-wrap mt-2 mb-2" id="rel-wrap" style="position:relative; width:100%;">
            <button id="rel-prev" aria-label="Scroll left" style="display:none; position:absolute; left:-28px; top:50%; transform:translateY(-50%); border:none; background:transparent; cursor:pointer; padding:4px; z-index:2;">
                <svg width="14" height="14" viewBox="0 0 10 18" fill="none"><path d="M9 1L1 9l8 8" stroke="#333" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
            </button>
            <button id="rel-next" aria-label="Scroll right" style="display:none; position:absolute; right:-28px; top:50%; transform:translateY(-50%); border:none; background:transparent; cursor:pointer; padding:4px; z-index:2;">
                <svg width="14" height="14" viewBox="0 0 10 18" fill="none"><path d="M1 1l8 8-8 8" stroke="#333" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
            </button>
            <div id="rel-scroll" class="related-tag" style="overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; white-space:nowrap; display:flex; flex-wrap:nowrap; gap:6px; scroll-behavior:smooth; width:100%;">
                
                
                <span class="image-tag" style="flex-shrink:0;">
                    <a href="/pixel-art" title="Pixel Art GIF" data-tag-name="Pixel Art"><span>Pixel Art GIF</span></a>
                </span>
                
                
                
                <span class="image-tag" style="flex-shrink:0;">
                    <a href="/deviantart" title="Deviantart GIF" data-tag-name="Deviantart"><span>Deviantart GIF</span></a>
                </span>
                
                
                
                <span class="image-tag" style="flex-shrink:0;">
                    <a href="/pop-art" title="Pop Art GIF" data-tag-name="Pop Art"><span>Pop Art GIF</span></a>
                </span>
                
                
                
                <span class="image-tag" style="flex-shrink:0;">
                    <a href="/japanese-art" title="Japanese Art GIF" data-tag-name="Japanese Art"><span>Japanese Art GIF</span></a>
                </span>
                
                
                
                <span class="image-tag" style="flex-shrink:0;">
                    <a href="/digital-art" title="Digital Art GIF" data-tag-name="Digital Art"><span>Digital Art GIF</span></a>
                </span>
                
                
                
                <span class="image-tag" style="flex-shrink:0;">
                    <a href="/fantasy-art" title="Fantasy Art GIF" data-tag-name="Fantasy Art"><span>Fantasy Art GIF</span></a>
                </span>
                
                
                
                <span class="image-tag" style="flex-shrink:0;">
                    <a href="/street-art" title="Street Art GIF" data-tag-name="Street Art"><span>Street Art GIF</span></a>
                </span>
                
                
                
                <span class="image-tag" style="flex-shrink:0;">
                    <a href="/anime-art" title="Anime Art GIF" data-tag-name="Anime Art"><span>Anime Art GIF</span></a>
                </span>
                
                
                
                <span class="image-tag" style="flex-shrink:0;">
                    <a href="/polygon-art" title="Polygon Art GIF" data-tag-name="Polygon Art"><span>Polygon Art GIF</span></a>
                </span>
                
                
                
                <span class="image-tag" style="flex-shrink:0;">
                    <a href="/clipart" title="Clipart GIF" data-tag-name="Clipart"><span>Clipart GIF</span></a>
                </span>
                
                
                
                <span class="image-tag" style="flex-shrink:0;">
                    <a href="/folk-art" title="Folk Art GIF" data-tag-name="Folk Art"><span>Folk Art GIF</span></a>
                </span>
                
                
                
                <span class="image-tag" style="flex-shrink:0;">
                    <a href="/african-art" title="African Art GIF" data-tag-name="African Art"><span>African Art GIF</span></a>
                </span>
                
                
                
                <span class="image-tag" style="flex-shrink:0;">
                    <a href="/love-art" title="Love Art GIF" data-tag-name="Love Art"><span>Love Art GIF</span></a>
                </span>
                
                
                
                <span class="image-tag" style="flex-shrink:0;">
                    <a href="/cat-art" title="Cat Art GIF" data-tag-name="Cat Art"><span>Cat Art GIF</span></a>
                </span>
                
                
                
                <span class="image-tag" style="flex-shrink:0;">
                    <a href="/urban-art" title="Urban Art GIF" data-tag-name="Urban Art"><span>Urban Art GIF</span></a>
                </span>
                
                
                
                <span class="image-tag" style="flex-shrink:0;">
                    <a href="/dog-art" title="Dog Art GIF" data-tag-name="Dog Art"><span>Dog Art GIF</span></a>
                </span>
                
                
            </div>
        </div>
        <style>
            .related-pill-wrap #rel-scroll::-webkit-scrollbar { display: none; }
        </style>
        

        
        <div class="gdb-sort-tabs mt-3">
            <a href="/design"
               class="gdb-sort-tab active">Relevant</a>
            <a href="/design?sort=newest"
               rel="nofollow"
               class="gdb-sort-tab ">Newest</a>
            <a href="/design?sort=hot"
               rel="nofollow"
               class="gdb-sort-tab ">🔥 Hot This Week</a>
        </div>
        <style>
            .gdb-sort-tabs{
                display:flex; gap:6px; margin-bottom:6px;
                border-bottom:1px solid #e5e7eb; padding-bottom:0;
            }
            .gdb-sort-tab{
                padding:8px 16px; font-size:14px; font-weight:600;
                color:#64748b; text-decoration:none;
                border-bottom:2px solid transparent;
                margin-bottom:-1px;
            }
            .gdb-sort-tab:hover{color:#0f172a; text-decoration:none;}
            .gdb-sort-tab.active{color:#1796E6; border-bottom-color:#1796E6;}
        </style>

        
        <div class="gird-col-wrap mt-3">
            <ul class="gdb-masonry ps-0">
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/faded-by-design-wou52edchvpwyazd.html" title="Faded By Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.6; overflow:hidden; border-radius:8px; background-color:#ff6a00; background-image:linear-gradient(135deg, #ff6a00 0%, #ee0979 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/faded-by-design-wou52edchvpwyazd.webp" width="445" height="250">
                    <img
                        src="/images/thumbnail/faded-by-design-wou52edchvpwyazd.gif"
                        alt="Faded By Design GIF"
                        width="445"
                        height="250"
                        loading="eager"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Faded By Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/sleek-wall-design-2qhtvzoskg2am6a1.html" title="Sleek Wall Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.6; overflow:hidden; border-radius:8px; background-color:#10b981; background-image:linear-gradient(135deg, #10b981 0%, #0ea5e9 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/sleek-wall-design-2qhtvzoskg2am6a1.webp" width="445" height="250">
                    <img
                        src="/images/thumbnail/sleek-wall-design-2qhtvzoskg2am6a1.gif"
                        alt="Sleek Wall Design GIF"
                        width="445"
                        height="250"
                        loading="eager"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Sleek Wall Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/paper-mario-level-design-gac96x1bcvmzdg3o.html" title="Paper Mario Level Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.7246376811594203; overflow:hidden; border-radius:8px; background-color:#6366f1; background-image:linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/paper-mario-level-design-gac96x1bcvmzdg3o.webp" width="345" height="250">
                    <img
                        src="/images/thumbnail/paper-mario-level-design-gac96x1bcvmzdg3o.gif"
                        alt="Paper Mario Level Design GIF"
                        width="345"
                        height="250"
                        loading="eager"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Paper Mario Level Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/nano-everything-is-by-design-utmgmm5kvu101jsr.html" title="Nano Everything Is By Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.7987220447284346; overflow:hidden; border-radius:8px; background-color:#06b6d4; background-image:linear-gradient(135deg, #06b6d4 0%, #0ea5e9 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/nano-everything-is-by-design-utmgmm5kvu101jsr.webp" width="313" height="250">
                    <img
                        src="/images/thumbnail/nano-everything-is-by-design-utmgmm5kvu101jsr.gif"
                        alt="Nano Everything Is By Design GIF"
                        width="313"
                        height="250"
                        loading="eager"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Nano Everything Is By Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/violent-by-design-l79rfghf04kdrfyg.html" title="Violent By Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.6; overflow:hidden; border-radius:8px; background-color:#6366f1; background-image:linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/violent-by-design-l79rfghf04kdrfyg.webp" width="444" height="250">
                    <img
                        src="/images/thumbnail/violent-by-design-l79rfghf04kdrfyg.gif"
                        alt="Violent By Design GIF"
                        width="444"
                        height="250"
                        loading="eager"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Violent By Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/blocks-marble-design-jmm17hfv5l4wlmwb.html" title="Blocks Marble Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#ef4444; background-image:linear-gradient(135deg, #ef4444 0%, #f59e0b 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/blocks-marble-design-jmm17hfv5l4wlmwb.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/blocks-marble-design-jmm17hfv5l4wlmwb.gif"
                        alt="Blocks Marble Design GIF"
                        width="250"
                        height="250"
                        loading="eager"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Blocks Marble Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/dark-necessities-design-1oeea4g0tarb2ple.html" title="Dark Necessities Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.04; overflow:hidden; border-radius:8px; background-color:#8b5cf6; background-image:linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/dark-necessities-design-1oeea4g0tarb2ple.webp" width="250" height="260">
                    <img
                        src="/images/thumbnail/dark-necessities-design-1oeea4g0tarb2ple.gif"
                        alt="Dark Necessities Design GIF"
                        width="250"
                        height="260"
                        loading="eager"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Dark Necessities Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/graphic-design-passion-snjrdzdyjw3a5dvd.html" title="Graphic Design Passion GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.8865248226950354; overflow:hidden; border-radius:8px; background-color:#ef4444; background-image:linear-gradient(135deg, #ef4444 0%, #f59e0b 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/graphic-design-passion-snjrdzdyjw3a5dvd.webp" width="282" height="250">
                    <img
                        src="/images/thumbnail/graphic-design-passion-snjrdzdyjw3a5dvd.gif"
                        alt="Graphic Design Passion GIF"
                        width="282"
                        height="250"
                        loading="eager"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Graphic Design Passion GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/geometric-shapes-design-j5nfikjyo33c48uo.html" title="Geometric Shapes Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.016; overflow:hidden; border-radius:8px; background-color:#eab308; background-image:linear-gradient(135deg, #eab308 0%, #f59e0b 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/geometric-shapes-design-j5nfikjyo33c48uo.webp" width="250" height="254">
                    <img
                        src="/images/thumbnail/geometric-shapes-design-j5nfikjyo33c48uo.gif"
                        alt="Geometric Shapes Design GIF"
                        width="250"
                        height="254"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Geometric Shapes Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/avatar-design-motion-y2lfba6443l93qtw.html" title="Avatar Design Motion GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#ec4899; background-image:linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/avatar-design-motion-y2lfba6443l93qtw.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/avatar-design-motion-y2lfba6443l93qtw.gif"
                        alt="Avatar Design Motion GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Avatar Design Motion GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/subway-sticker-design-tiedqe5sqn7f8jmw.html" title="Subway Sticker Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.8650519031141869; overflow:hidden; border-radius:8px; background-color:#6366f1; background-image:linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/subway-sticker-design-tiedqe5sqn7f8jmw.webp" width="289" height="250">
                    <img
                        src="/images/thumbnail/subway-sticker-design-tiedqe5sqn7f8jmw.gif"
                        alt="Subway Sticker Design GIF"
                        width="289"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Subway Sticker Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/unleashed-level-design-0y7cakfp9m0wdl0r.html" title="Unleashed Level Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.8143322475570033; overflow:hidden; border-radius:8px; background-color:#ec4899; background-image:linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/unleashed-level-design-0y7cakfp9m0wdl0r.webp" width="307" height="250">
                    <img
                        src="/images/thumbnail/unleashed-level-design-0y7cakfp9m0wdl0r.gif"
                        alt="Unleashed Level Design GIF"
                        width="307"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Unleashed Level Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/my-life-is-my-design-8dxq1q4ahbahg22q.html" title="My Life Is My Design  GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.6; overflow:hidden; border-radius:8px; background-color:#d946ef; background-image:linear-gradient(135deg, #d946ef 0%, #a855f7 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/my-life-is-my-design-8dxq1q4ahbahg22q.webp" width="483" height="250">
                    <img
                        src="/images/thumbnail/my-life-is-my-design-8dxq1q4ahbahg22q.gif"
                        alt="My Life Is My Design  GIF"
                        width="483"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>My Life Is My Design  GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/trippy-colors-motion-design-qndhuzwcdle7b1cy.html" title="Trippy Colors Motion Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#ff6a00; background-image:linear-gradient(135deg, #ff6a00 0%, #ee0979 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/trippy-colors-motion-design-qndhuzwcdle7b1cy.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/trippy-colors-motion-design-qndhuzwcdle7b1cy.gif"
                        alt="Trippy Colors Motion Design GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Trippy Colors Motion Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/architecture-design-my-passion-f5j4vl84xxkydrs5.html" title="Architecture Design My Passion GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.7082152974504249; overflow:hidden; border-radius:8px; background-color:#f97316; background-image:linear-gradient(135deg, #f97316 0%, #ef4444 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/architecture-design-my-passion-f5j4vl84xxkydrs5.webp" width="353" height="250">
                    <img
                        src="/images/thumbnail/architecture-design-my-passion-f5j4vl84xxkydrs5.gif"
                        alt="Architecture Design My Passion GIF"
                        width="353"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Architecture Design My Passion GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/3d-retro-geometry-design-r9mf5d4h7pc1ruyi.html" title="3D Retro Geometry Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#22c55e; background-image:linear-gradient(135deg, #22c55e 0%, #14b8a6 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/3d-retro-geometry-design-r9mf5d4h7pc1ruyi.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/3d-retro-geometry-design-r9mf5d4h7pc1ruyi.gif"
                        alt="3D Retro Geometry Design GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>3D Retro Geometry Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/you-may-design-games-czm2qqld07p95y1g.html" title="You May Design Games GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.9157509157509157; overflow:hidden; border-radius:8px; background-color:#ef4444; background-image:linear-gradient(135deg, #ef4444 0%, #f59e0b 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/you-may-design-games-czm2qqld07p95y1g.webp" width="273" height="250">
                    <img
                        src="/images/thumbnail/you-may-design-games-czm2qqld07p95y1g.gif"
                        alt="You May Design Games GIF"
                        width="273"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>You May Design Games GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/design-is-one-of-a-kind-t5gvvnk7i3b48zcf.html" title="Design Is One Of A Kind GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.6; overflow:hidden; border-radius:8px; background-color:#10b981; background-image:linear-gradient(135deg, #10b981 0%, #0ea5e9 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/design-is-one-of-a-kind-t5gvvnk7i3b48zcf.webp" width="444" height="250">
                    <img
                        src="/images/thumbnail/design-is-one-of-a-kind-t5gvvnk7i3b48zcf.gif"
                        alt="Design Is One Of A Kind GIF"
                        width="444"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Design Is One Of A Kind GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/3d-after-effects-design-sw079z1p8vm5usv5.html" title="3D After Effects Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#eab308; background-image:linear-gradient(135deg, #eab308 0%, #f59e0b 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/3d-after-effects-design-sw079z1p8vm5usv5.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/3d-after-effects-design-sw079z1p8vm5usv5.gif"
                        alt="3D After Effects Design GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>3D After Effects Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/3d-glitch-illustration-design-tnqi34jx85snrmom.html" title="3D Glitch Illustration Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#10b981; background-image:linear-gradient(135deg, #10b981 0%, #0ea5e9 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/3d-glitch-illustration-design-tnqi34jx85snrmom.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/3d-glitch-illustration-design-tnqi34jx85snrmom.gif"
                        alt="3D Glitch Illustration Design GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>3D Glitch Illustration Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/design-is-the-problem-drink-gxjyjve81dhkqod3.html" title="Design Is The Problem Drink GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.7440476190476191; overflow:hidden; border-radius:8px; background-color:#f97316; background-image:linear-gradient(135deg, #f97316 0%, #ef4444 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/design-is-the-problem-drink-gxjyjve81dhkqod3.webp" width="336" height="250">
                    <img
                        src="/images/thumbnail/design-is-the-problem-drink-gxjyjve81dhkqod3.gif"
                        alt="Design Is The Problem Drink GIF"
                        width="336"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Design Is The Problem Drink GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/finer-art-illustration-design-xycr9p9q3oyqp7nh.html" title="Finer Art Illustration Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#84cc16; background-image:linear-gradient(135deg, #84cc16 0%, #22c55e 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/finer-art-illustration-design-xycr9p9q3oyqp7nh.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/finer-art-illustration-design-xycr9p9q3oyqp7nh.gif"
                        alt="Finer Art Illustration Design GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Finer Art Illustration Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/digital-graphic-design-gyisrbd1w57mwbz5.html" title="Digital Graphic Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.6426735218508998; overflow:hidden; border-radius:8px; background-color:#d946ef; background-image:linear-gradient(135deg, #d946ef 0%, #a855f7 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/digital-graphic-design-gyisrbd1w57mwbz5.webp" width="389" height="250">
                    <img
                        src="/images/thumbnail/digital-graphic-design-gyisrbd1w57mwbz5.gif"
                        alt="Digital Graphic Design GIF"
                        width="389"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Digital Graphic Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/3d-water-droplets-design-chbfv40pwexx0pr8.html" title="3D Water Droplets Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#0ea5e9; background-image:linear-gradient(135deg, #0ea5e9 0%, #6366f1 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/3d-water-droplets-design-chbfv40pwexx0pr8.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/3d-water-droplets-design-chbfv40pwexx0pr8.gif"
                        alt="3D Water Droplets Design GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>3D Water Droplets Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/this-is-my-design-hannibal-9u56wigs37p2vj4o.html" title="This Is My Design Hannibal GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.6; overflow:hidden; border-radius:8px; background-color:#ff6a00; background-image:linear-gradient(135deg, #ff6a00 0%, #ee0979 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/this-is-my-design-hannibal-9u56wigs37p2vj4o.webp" width="446" height="250">
                    <img
                        src="/images/thumbnail/this-is-my-design-hannibal-9u56wigs37p2vj4o.gif"
                        alt="This Is My Design Hannibal GIF"
                        width="446"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>This Is My Design Hannibal GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/this-is-my-design-hannibal-n9kfpmv3v4q2m4ph.html" title="This Is My Design Hannibal GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.6; overflow:hidden; border-radius:8px; background-color:#5b4cff; background-image:linear-gradient(135deg, #5b4cff 0%, #a855f7 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/this-is-my-design-hannibal-n9kfpmv3v4q2m4ph.webp" width="534" height="250">
                    <img
                        src="/images/thumbnail/this-is-my-design-hannibal-n9kfpmv3v4q2m4ph.gif"
                        alt="This Is My Design Hannibal GIF"
                        width="534"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>This Is My Design Hannibal GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/christmas-constellations-design-bqws61hzw5251sdq.html" title="Christmas Constellations Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#0ea5e9; background-image:linear-gradient(135deg, #0ea5e9 0%, #6366f1 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/christmas-constellations-design-bqws61hzw5251sdq.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/christmas-constellations-design-bqws61hzw5251sdq.gif"
                        alt="Christmas Constellations Design GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Christmas Constellations Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/cyber-fashion-trippy-design-69k5hgfljo2h6ire.html" title="Cyber Fashion Trippy Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.248; overflow:hidden; border-radius:8px; background-color:#3b82f6; background-image:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/cyber-fashion-trippy-design-69k5hgfljo2h6ire.webp" width="250" height="312">
                    <img
                        src="/images/thumbnail/cyber-fashion-trippy-design-69k5hgfljo2h6ire.gif"
                        alt="Cyber Fashion Trippy Design GIF"
                        width="250"
                        height="312"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Cyber Fashion Trippy Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/funny-gideon-monkey-design-opd5ttpyg1fxllxx.html" title="Funny Gideon Monkey Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.6; overflow:hidden; border-radius:8px; background-color:#ef4444; background-image:linear-gradient(135deg, #ef4444 0%, #f59e0b 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/funny-gideon-monkey-design-opd5ttpyg1fxllxx.webp" width="447" height="250">
                    <img
                        src="/images/thumbnail/funny-gideon-monkey-design-opd5ttpyg1fxllxx.gif"
                        alt="Funny Gideon Monkey Design GIF"
                        width="447"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Funny Gideon Monkey Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/colorful-weird-geometric-design-agkw9h089fbvn5ra.html" title="Colorful Weird Geometric Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#8b5cf6; background-image:linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/colorful-weird-geometric-design-agkw9h089fbvn5ra.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/colorful-weird-geometric-design-agkw9h089fbvn5ra.gif"
                        alt="Colorful Weird Geometric Design GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Colorful Weird Geometric Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/web-design-services-zbiecofzqrme9vcx.html" title="Web Design Services GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#06b6d4; background-image:linear-gradient(135deg, #06b6d4 0%, #0ea5e9 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/web-design-services-zbiecofzqrme9vcx.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/web-design-services-zbiecofzqrme9vcx.gif"
                        alt="Web Design Services GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Web Design Services GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/logo-graphic-design-way-1pgfrb82ypl4nluv.html" title="Logo Graphic Design Way GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.6; overflow:hidden; border-radius:8px; background-color:#d946ef; background-image:linear-gradient(135deg, #d946ef 0%, #a855f7 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/logo-graphic-design-way-1pgfrb82ypl4nluv.webp" width="445" height="250">
                    <img
                        src="/images/thumbnail/logo-graphic-design-way-1pgfrb82ypl4nluv.gif"
                        alt="Logo Graphic Design Way GIF"
                        width="445"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Logo Graphic Design Way GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/graphic-design-is-my-passion-d78i5g247osu3v5t.html" title="Graphic Design Is My Passion GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.6; overflow:hidden; border-radius:8px; background-color:#10b981; background-image:linear-gradient(135deg, #10b981 0%, #0ea5e9 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/graphic-design-is-my-passion-d78i5g247osu3v5t.webp" width="684" height="250">
                    <img
                        src="/images/thumbnail/graphic-design-is-my-passion-d78i5g247osu3v5t.gif"
                        alt="Graphic Design Is My Passion GIF"
                        width="684"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Graphic Design Is My Passion GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/loop-geometric-trip-design-5icz2oor7ioewk6c.html" title="Loop Geometric Trip Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#6366f1; background-image:linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/loop-geometric-trip-design-5icz2oor7ioewk6c.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/loop-geometric-trip-design-5icz2oor7ioewk6c.gif"
                        alt="Loop Geometric Trip Design GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Loop Geometric Trip Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/endless-design-tunnel-loop-ehwgdddyyyo34gsj.html" title="Endless Design Tunnel Loop GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#5b4cff; background-image:linear-gradient(135deg, #5b4cff 0%, #a855f7 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/endless-design-tunnel-loop-ehwgdddyyyo34gsj.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/endless-design-tunnel-loop-ehwgdddyyyo34gsj.gif"
                        alt="Endless Design Tunnel Loop GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Endless Design Tunnel Loop GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/we-must-try-to-design-v9poq0ru0g8xi7gf.html" title="We Must Try To Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.6; overflow:hidden; border-radius:8px; background-color:#5b4cff; background-image:linear-gradient(135deg, #5b4cff 0%, #a855f7 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/we-must-try-to-design-v9poq0ru0g8xi7gf.webp" width="604" height="250">
                    <img
                        src="/images/thumbnail/we-must-try-to-design-v9poq0ru0g8xi7gf.gif"
                        alt="We Must Try To Design GIF"
                        width="604"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>We Must Try To Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/animation-art-design-motion-kg85rl4gwh5a7dav.html" title="Animation Art Design Motion GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#d946ef; background-image:linear-gradient(135deg, #d946ef 0%, #a855f7 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/animation-art-design-motion-kg85rl4gwh5a7dav.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/animation-art-design-motion-kg85rl4gwh5a7dav.gif"
                        alt="Animation Art Design Motion GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Animation Art Design Motion GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/art-animation-interior-design-9zw015ywpyrob7m6.html" title="Art Animation Interior Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#f59e0b; background-image:linear-gradient(135deg, #f59e0b 0%, #f97316 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/art-animation-interior-design-9zw015ywpyrob7m6.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/art-animation-interior-design-9zw015ywpyrob7m6.gif"
                        alt="Art Animation Interior Design GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Art Animation Interior Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/mysterious-by-design-shawn-spencer-james-xdc8kdlq2kdldupa.html" title="Mysterious By Design Shawn Spencer James GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.6; overflow:hidden; border-radius:8px; background-color:#ff6a00; background-image:linear-gradient(135deg, #ff6a00 0%, #ee0979 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/mysterious-by-design-shawn-spencer-james-xdc8kdlq2kdldupa.webp" width="445" height="250">
                    <img
                        src="/images/thumbnail/mysterious-by-design-shawn-spencer-james-xdc8kdlq2kdldupa.gif"
                        alt="Mysterious By Design Shawn Spencer James GIF"
                        width="445"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Mysterious By Design Shawn Spencer James GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/trippy-sequence-animation-design-3t61v24zobo3a1rv.html" title="Trippy Sequence Animation Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#3b82f6; background-image:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/trippy-sequence-animation-design-3t61v24zobo3a1rv.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/trippy-sequence-animation-design-3t61v24zobo3a1rv.gif"
                        alt="Trippy Sequence Animation Design GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Trippy Sequence Animation Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/art-and-design-sweet-dance-293je25x27arvc8y.html" title="Art And Design Sweet Dance GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.6; overflow:hidden; border-radius:8px; background-color:#f59e0b; background-image:linear-gradient(135deg, #f59e0b 0%, #f97316 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/art-and-design-sweet-dance-293je25x27arvc8y.webp" width="541" height="250">
                    <img
                        src="/images/thumbnail/art-and-design-sweet-dance-293je25x27arvc8y.gif"
                        alt="Art And Design Sweet Dance GIF"
                        width="541"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Art And Design Sweet Dance GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/web-design-peter-parker-fjbr04vfge4r8r2n.html" title="Web Design Peter Parker GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.6; overflow:hidden; border-radius:8px; background-color:#ec4899; background-image:linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/web-design-peter-parker-fjbr04vfge4r8r2n.webp" width="696" height="250">
                    <img
                        src="/images/thumbnail/web-design-peter-parker-fjbr04vfge4r8r2n.gif"
                        alt="Web Design Peter Parker GIF"
                        width="696"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Web Design Peter Parker GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/retro-art-geometric-blender-design-72nxe1xtsull00fr.html" title="Retro Art Geometric Blender Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#84cc16; background-image:linear-gradient(135deg, #84cc16 0%, #22c55e 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/retro-art-geometric-blender-design-72nxe1xtsull00fr.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/retro-art-geometric-blender-design-72nxe1xtsull00fr.gif"
                        alt="Retro Art Geometric Blender Design GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Retro Art Geometric Blender Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/3d-art-illustration-ball-design-z8bvhb14ozxf92i4.html" title="3D Art Illustration Ball Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#f97316; background-image:linear-gradient(135deg, #f97316 0%, #ef4444 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/3d-art-illustration-ball-design-z8bvhb14ozxf92i4.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/3d-art-illustration-ball-design-z8bvhb14ozxf92i4.gif"
                        alt="3D Art Illustration Ball Design GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>3D Art Illustration Ball Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/3d-art-box-illustration-design-o4mjcbod5wgdqcfh.html" title="3D Art Box Illustration Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#22c55e; background-image:linear-gradient(135deg, #22c55e 0%, #14b8a6 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/3d-art-box-illustration-design-o4mjcbod5wgdqcfh.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/3d-art-box-illustration-design-o4mjcbod5wgdqcfh.gif"
                        alt="3D Art Box Illustration Design GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>3D Art Box Illustration Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/flower-design-gif-u9jtf62pwbbyxown.html" title="Flower Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.332; overflow:hidden; border-radius:8px; background-color:#84cc16; background-image:linear-gradient(135deg, #84cc16 0%, #22c55e 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/flower-design-gif-u9jtf62pwbbyxown.webp" width="250" height="333">
                    <img
                        src="/images/thumbnail/flower-design-gif-u9jtf62pwbbyxown.gif"
                        alt="Flower Design GIF"
                        width="250"
                        height="333"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Flower Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/new-design-gif-9hceqzzhxr8x0cih.html" title="New Design GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#84cc16; background-image:linear-gradient(135deg, #84cc16 0%, #22c55e 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/new-design-gif-9hceqzzhxr8x0cih.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/new-design-gif-9hceqzzhxr8x0cih.gif"
                        alt="New Design GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>New Design GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/abster-abstract-gif-mk1hlkn5pyn8pma1.html" title="Abster Abstract GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#f97316; background-image:linear-gradient(135deg, #f97316 0%, #ef4444 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/abster-abstract-gif-mk1hlkn5pyn8pma1.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/abster-abstract-gif-mk1hlkn5pyn8pma1.gif"
                        alt="Abster Abstract GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Abster Abstract GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/sink-cuisine-gif-6pel1n7dyevkzo9p.html" title="Sink Cuisine GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#10b981; background-image:linear-gradient(135deg, #10b981 0%, #0ea5e9 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/sink-cuisine-gif-6pel1n7dyevkzo9p.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/sink-cuisine-gif-6pel1n7dyevkzo9p.gif"
                        alt="Sink Cuisine GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Sink Cuisine GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/sink-cuisine-gif-zlayb38mv9hycchw.html" title="Sink Cuisine GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#8b5cf6; background-image:linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/sink-cuisine-gif-zlayb38mv9hycchw.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/sink-cuisine-gif-zlayb38mv9hycchw.gif"
                        alt="Sink Cuisine GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Sink Cuisine GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/personal-supplication-prayer-gif-ah3kgsdmu3awn1j4.html" title="Personal Supplication Prayer GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.7246376811594203; overflow:hidden; border-radius:8px; background-color:#6366f1; background-image:linear-gradient(135deg, #6366f1 0%, #06b6d4 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/personal-supplication-prayer-gif-ah3kgsdmu3awn1j4.webp" width="345" height="250">
                    <img
                        src="/images/thumbnail/personal-supplication-prayer-gif-ah3kgsdmu3awn1j4.gif"
                        alt="Personal Supplication Prayer GIF"
                        width="345"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Personal Supplication Prayer GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/cute-happy-sticker-yj9zwr99trsldjx5.html" title="Cute Happy Sticker GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.9433962264150944; overflow:hidden; border-radius:8px; background-color:#ef4444; background-image:linear-gradient(135deg, #ef4444 0%, #f59e0b 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/cute-happy-sticker-yj9zwr99trsldjx5.webp" width="265" height="250">
                    <img
                        src="/images/thumbnail/cute-happy-sticker-yj9zwr99trsldjx5.gif"
                        alt="Cute Happy Sticker GIF"
                        width="265"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Cute Happy Sticker GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/sticker-english-sticker-iwjnfwvwd8jsi4iu.html" title="Sticker English Sticker GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#10b981; background-image:linear-gradient(135deg, #10b981 0%, #0ea5e9 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/sticker-english-sticker-iwjnfwvwd8jsi4iu.webp" width="250" height="250">
                    <img
                        src="/images/thumbnail/sticker-english-sticker-iwjnfwvwd8jsi4iu.gif"
                        alt="Sticker English Sticker GIF"
                        width="250"
                        height="250"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Sticker English Sticker GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/sticker/approved-word-in-blue-ink-avwuxtgke1gcfezc.html" title="Approved Word In Blue Ink Sticker">
                <picture class="gdb-card-pic gdb-checker" style="display:block; aspect-ratio:1/0.6; overflow:hidden; border-radius:8px;">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail-sm/approved-word-in-blue-ink-avwuxtgke1gcfezc.webp" media="(max-width: 768px)">
                    
                    <source type="image/webp" srcset="/images/thumbnail/approved-word-in-blue-ink-avwuxtgke1gcfezc.webp" width="400" height="219">
                    <img
                        src="/images/thumbnail/approved-word-in-blue-ink-avwuxtgke1gcfezc.gif"
                        alt="Approved Word In Blue Ink Sticker"
                        width="400"
                        height="219"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Approved Word In Blue Ink Sticker</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/a-ticket-for-a-graphic-design-graduate-showcase-yo15yczy0ak5n54m.html" title="A Ticket For A Graphic Design Graduate Showcase GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#22c55e; background-image:linear-gradient(135deg, #22c55e 0%, #14b8a6 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/a-ticket-for-a-graphic-design-graduate-showcase-yo15yczy0ak5n54m.webp" width="400" height="400">
                    <img
                        src="/images/thumbnail/a-ticket-for-a-graphic-design-graduate-showcase-yo15yczy0ak5n54m.gif"
                        alt="A Ticket For A Graphic Design Graduate Showcase GIF"
                        width="400"
                        height="400"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>A Ticket For A Graphic Design Graduate Showcase GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/purple-graffiti-wall-in-front-of-white-house-hsohyap4o5ukjmix.html" title="Purple Graffiti Wall In Front Of White House GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.6; overflow:hidden; border-radius:8px; background-color:#eab308; background-image:linear-gradient(135deg, #eab308 0%, #f59e0b 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/purple-graffiti-wall-in-front-of-white-house-hsohyap4o5ukjmix.webp" width="400" height="208">
                    <img
                        src="/images/thumbnail/purple-graffiti-wall-in-front-of-white-house-hsohyap4o5ukjmix.gif"
                        alt="Purple Graffiti Wall In Front Of White House GIF"
                        width="400"
                        height="208"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Purple Graffiti Wall In Front Of White House GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/person-holding-marker-writing-io2drbexmlnv7xz9.html" title="Person Holding Marker Writing GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.6; overflow:hidden; border-radius:8px; background-color:#06b6d4; background-image:linear-gradient(135deg, #06b6d4 0%, #0ea5e9 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail-sm/person-holding-marker-writing-io2drbexmlnv7xz9.webp" media="(max-width: 768px)">
                    
                    <source type="image/webp" srcset="/images/thumbnail/person-holding-marker-writing-io2drbexmlnv7xz9.webp" width="400" height="225">
                    <img
                        src="/images/thumbnail/person-holding-marker-writing-io2drbexmlnv7xz9.gif"
                        alt="Person Holding Marker Writing GIF"
                        width="400"
                        height="225"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Person Holding Marker Writing GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/an-illustration-of-a-tower-with-the-word-mordor-in-red-letters-r71mv3ohb4tlulda.html" title="An Illustration Of A Tower With The Word Mordor In Red Letters GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/1.0; overflow:hidden; border-radius:8px; background-color:#5b4cff; background-image:linear-gradient(135deg, #5b4cff 0%, #a855f7 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail/an-illustration-of-a-tower-with-the-word-mordor-in-red-letters-r71mv3ohb4tlulda.webp" width="400" height="400">
                    <img
                        src="/images/thumbnail/an-illustration-of-a-tower-with-the-word-mordor-in-red-letters-r71mv3ohb4tlulda.gif"
                        alt="An Illustration Of A Tower With The Word Mordor In Red Letters GIF"
                        width="400"
                        height="400"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>An Illustration Of A Tower With The Word Mordor In Red Letters GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/a-man-wearing-glasses-stands-in-front-of-two-shell-logos-oun8lj3a036d9fap.html" title="A Man Wearing Glasses Stands In Front Of Two Shell Logos GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.6; overflow:hidden; border-radius:8px; background-color:#ff6a00; background-image:linear-gradient(135deg, #ff6a00 0%, #ee0979 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail-sm/a-man-wearing-glasses-stands-in-front-of-two-shell-logos-oun8lj3a036d9fap.webp" media="(max-width: 768px)">
                    
                    <source type="image/webp" srcset="/images/thumbnail/a-man-wearing-glasses-stands-in-front-of-two-shell-logos-oun8lj3a036d9fap.webp" width="400" height="224">
                    <img
                        src="/images/thumbnail/a-man-wearing-glasses-stands-in-front-of-two-shell-logos-oun8lj3a036d9fap.gif"
                        alt="A Man Wearing Glasses Stands In Front Of Two Shell Logos GIF"
                        width="400"
                        height="224"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>A Man Wearing Glasses Stands In Front Of Two Shell Logos GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
                
                



















    
    
    

<li class="card content" style="max-width:100%; break-inside:avoid;">
    <div class="content-div">
        <figure>
            <a href="/gif/two-women-holding-up-a-piece-of-fabric-with-the-words-every-design-is-one-of-a-kind-3v232aca24yh9wsp.html" title="Two Women Holding Up A Piece Of Fabric With The Words &#34; Every Design Is One Of A Kind &#34; GIF">
                <picture class="gdb-card-pic" style="display:block; aspect-ratio:1/0.6; overflow:hidden; border-radius:8px; background-color:#10b981; background-image:linear-gradient(135deg, #10b981 0%, #0ea5e9 100%);">
                    
                    
                    
                    <source type="image/webp" srcset="/images/thumbnail-sm/two-women-holding-up-a-piece-of-fabric-with-the-words-every-design-is-one-of-a-kind-3v232aca24yh9wsp.webp" media="(max-width: 768px)">
                    
                    <source type="image/webp" srcset="/images/thumbnail/two-women-holding-up-a-piece-of-fabric-with-the-words-every-design-is-one-of-a-kind-3v232aca24yh9wsp.webp" width="400" height="224">
                    <img
                        src="/images/thumbnail/two-women-holding-up-a-piece-of-fabric-with-the-words-every-design-is-one-of-a-kind-3v232aca24yh9wsp.gif"
                        alt="Two Women Holding Up A Piece Of Fabric With The Words &#34; Every Design Is One Of A Kind &#34; GIF"
                        width="400"
                        height="224"
                        loading="lazy"
                        decoding="async"
                        class="card-img-top post"
                        style="width:100%; height:100%; object-fit:cover;"
                    >
                </picture>
            </a>
            <figcaption><span>Two Women Holding Up A Piece Of Fabric With The Words &#34; Every Design Is One Of A Kind &#34; GIF</span></figcaption>
        </figure>
    </div>
</li>

                
                
                
            </ul>

            
            

            
            
        </div>

        
        
        <div class="trending-gif clips mt-5 mb-5">
            <div class="col ps-0 d-flex justify-content-between align-items-center">
                <h2>You May Also Like</h2>
            </div>
            <div class="categories-list-wrap swiper-container">
                <div class="swiper-wrapper">
                    

<div class="categories-list swiper-slide pixel-art">
    <div class="categories-image">
        
        <a href="/pixel-art">
            <picture style="display:block">
                <source type="image/webp" srcset="/images/featured/pixel-art-14958337.webp" width="300" height="150">
                <img
                    src="/images/featured/pixel-art-14958337.gif"
                    alt="Pixel Art GIFs"
                    width="300"
                    height="150"
                    loading="lazy"
                    decoding="async"
                    class="w-100 card-img"
                >
            </picture>
        </a>
        
    </div>
    <div class="categories-title">
        <a href="/pixel-art">Pixel Art</a>
    </div>
</div>


<div class="categories-list swiper-slide deviantart">
    <div class="categories-image">
        
    </div>
    <div class="categories-title">
        <a href="/deviantart">Deviantart</a>
    </div>
</div>


<div class="categories-list swiper-slide pop-art">
    <div class="categories-image">
        
    </div>
    <div class="categories-title">
        <a href="/pop-art">Pop Art</a>
    </div>
</div>


<div class="categories-list swiper-slide japanese-art">
    <div class="categories-image">
        
        <a href="/japanese-art">
            <picture style="display:block">
                <source type="image/webp" srcset="/images/featured/japanese-art-14919329.webp" width="300" height="150">
                <img
                    src="/images/featured/japanese-art-14919329.gif"
                    alt="Japanese Art GIFs"
                    width="300"
                    height="150"
                    loading="lazy"
                    decoding="async"
                    class="w-100 card-img"
                >
            </picture>
        </a>
        
    </div>
    <div class="categories-title">
        <a href="/japanese-art">Japanese Art</a>
    </div>
</div>


<div class="categories-list swiper-slide digital-art">
    <div class="categories-image">
        
        <a href="/digital-art">
            <picture style="display:block">
                <source type="image/webp" srcset="/images/featured/digital-art-14922063.webp" width="300" height="150">
                <img
                    src="/images/featured/digital-art-14922063.gif"
                    alt="Digital Art GIFs"
                    width="300"
                    height="150"
                    loading="lazy"
                    decoding="async"
                    class="w-100 card-img"
                >
            </picture>
        </a>
        
    </div>
    <div class="categories-title">
        <a href="/digital-art">Digital Art</a>
    </div>
</div>


<div class="categories-list swiper-slide fantasy-art">
    <div class="categories-image">
        
        <a href="/fantasy-art">
            <picture style="display:block">
                <source type="image/webp" srcset="/images/featured/fantasy-art-14880198.webp" width="300" height="150">
                <img
                    src="/images/featured/fantasy-art-14880198.gif"
                    alt="Fantasy Art GIFs"
                    width="300"
                    height="150"
                    loading="lazy"
                    decoding="async"
                    class="w-100 card-img"
                >
            </picture>
        </a>
        
    </div>
    <div class="categories-title">
        <a href="/fantasy-art">Fantasy Art</a>
    </div>
</div>


<div class="categories-list swiper-slide street-art">
    <div class="categories-image">
        
    </div>
    <div class="categories-title">
        <a href="/street-art">Street Art</a>
    </div>
</div>


<div class="categories-list swiper-slide anime-art">
    <div class="categories-image">
        
    </div>
    <div class="categories-title">
        <a href="/anime-art">Anime Art</a>
    </div>
</div>


<div class="categories-list swiper-slide polygon-art">
    <div class="categories-image">
        
    </div>
    <div class="categories-title">
        <a href="/polygon-art">Polygon Art</a>
    </div>
</div>


<div class="categories-list swiper-slide clipart">
    <div class="categories-image">
        
    </div>
    <div class="categories-title">
        <a href="/clipart">Clipart</a>
    </div>
</div>


<div class="categories-list swiper-slide folk-art">
    <div class="categories-image">
        
    </div>
    <div class="categories-title">
        <a href="/folk-art">Folk Art</a>
    </div>
</div>


<div class="categories-list swiper-slide african-art">
    <div class="categories-image">
        
    </div>
    <div class="categories-title">
        <a href="/african-art">African Art</a>
    </div>
</div>


<div class="categories-list swiper-slide love-art">
    <div class="categories-image">
        
    </div>
    <div class="categories-title">
        <a href="/love-art">Love Art</a>
    </div>
</div>


<div class="categories-list swiper-slide cat-art">
    <div class="categories-image">
        
        <a href="/cat-art">
            <picture style="display:block">
                <source type="image/webp" srcset="/images/featured/cat-art-14927649.webp" width="300" height="150">
                <img
                    src="/images/featured/cat-art-14927649.gif"
                    alt="Cat Art GIFs"
                    width="300"
                    height="150"
                    loading="lazy"
                    decoding="async"
                    class="w-100 card-img"
                >
            </picture>
        </a>
        
    </div>
    <div class="categories-title">
        <a href="/cat-art">Cat Art</a>
    </div>
</div>


<div class="categories-list swiper-slide urban-art">
    <div class="categories-image">
        
    </div>
    <div class="categories-title">
        <a href="/urban-art">Urban Art</a>
    </div>
</div>


<div class="categories-list swiper-slide dog-art">
    <div class="categories-image">
        
        <a href="/dog-art">
            <picture style="display:block">
                <source type="image/webp" srcset="/images/featured/dog-art-14931194.webp" width="300" height="150">
                <img
                    src="/images/featured/dog-art-14931194.gif"
                    alt="Dog Art GIFs"
                    width="300"
                    height="150"
                    loading="lazy"
                    decoding="async"
                    class="w-100 card-img"
                >
            </picture>
        </a>
        
    </div>
    <div class="categories-title">
        <a href="/dog-art">Dog Art</a>
    </div>
</div>

                </div>
                <div class="swiper-pagination"></div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
        </div>
        

        

        
        
        <div class="mt-4 mb-4">
            <h2 style="margin:0 0 14px 0; line-height:1.2;">
                Browse Other Categories
                <br><span style="font-size:0.8em; color:#666; font-weight:500;">Discover more  topics — refreshed daily</span>
            </h2>
            <ul class="ps-0 gdb-topic-rail" aria-label="Browse other  categories">
                
                <li class="gdb-topic-tile">
                    <a href="/square-up"
                       title="Square Up ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/square-up-boxing-meme-w0cjns3qm0dzytgy.webp">
                            <img src="/images/thumbnail/square-up-boxing-meme-w0cjns3qm0dzytgy.gif"
                                 alt="Square Up "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Square Up</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/soulmate"
                       title="Soulmate ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/soulmate-destiny-quote-girl-with-glasses-ykq4ay50lgrjkndz.webp">
                            <img src="/images/thumbnail/soulmate-destiny-quote-girl-with-glasses-ykq4ay50lgrjkndz.gif"
                                 alt="Soulmate "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Soulmate</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/animated-money"
                       title="Animated Money ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/animated-character-rich-money-i5eeidkc52nbn7ny.webp">
                            <img src="/images/thumbnail/animated-character-rich-money-i5eeidkc52nbn7ny.gif"
                                 alt="Animated Money "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Animated Money</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/buenos-dias-snoopy"
                       title="Buenos Dias Snoopy ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/buenos-dias-snoopy-6gx5iygtrobrrvqe.webp">
                            <img src="/images/thumbnail/buenos-dias-snoopy-6gx5iygtrobrrvqe.gif"
                                 alt="Buenos Dias Snoopy "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Buenos Dias Snoopy</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/spider-man-meme"
                       title="Spider Man Meme ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/funny-twerk-spider-man-meme-r4gbdeoqy08rrq0p.webp">
                            <img src="/images/thumbnail/funny-twerk-spider-man-meme-r4gbdeoqy08rrq0p.gif"
                                 alt="Spider Man Meme "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Spider Man Meme</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/cool-wallpapers"
                       title="Cool Wallpapers ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/hello-there-meme-n0g6lvzkt8bm1xpn.webp">
                            <img src="/images/thumbnail/hello-there-meme-n0g6lvzkt8bm1xpn.gif"
                                 alt="Cool Wallpapers "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Cool Wallpapers</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/black-sunday"
                       title="Black Sunday ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/black-sunday-barbara-steele-fzds572wdqypv08d.webp">
                            <img src="/images/thumbnail/black-sunday-barbara-steele-fzds572wdqypv08d.gif"
                                 alt="Black Sunday "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Black Sunday</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/heart-break"
                       title="Heart Break ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/heart-break-penguin-dropped-the-heart-vxka3lhmgp7uk79e.webp">
                            <img src="/images/thumbnail/heart-break-penguin-dropped-the-heart-vxka3lhmgp7uk79e.gif"
                                 alt="Heart Break "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Heart Break</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/theo-von"
                       title="Theo Von ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/theo-von-shaking-his-body-bhdkbn7cfrpvako2.webp">
                            <img src="/images/thumbnail/theo-von-shaking-his-body-bhdkbn7cfrpvako2.gif"
                                 alt="Theo Von "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Theo Von</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/michael"
                       title="Michael ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/michael-jackson-s-back-is-shown-in-a-photo-w7dxs4jdhgc6y4dc.webp">
                            <img src="/images/thumbnail/michael-jackson-s-back-is-shown-in-a-photo-w7dxs4jdhgc6y4dc.gif"
                                 alt="Michael "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Michael</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/olise"
                       title="Olise ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/a-man-in-a-red-and-white-jersey-stands-in-front-of-advertisements-for-qatar-airways-coca-cola-and-hisense-l3dilv70867dudr7.webp">
                            <img src="/images/thumbnail/a-man-in-a-red-and-white-jersey-stands-in-front-of-advertisements-for-qatar-airways-coca-cola-and-hisense-l3dilv70867dudr7.gif"
                                 alt="Olise "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Olise</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/homie"
                       title="Homie ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/a-person-is-standing-in-a-shower-with-a-red-shower-curtain-hanging-on-the-wall-jah9ps7ybq1wdahu.webp">
                            <img src="/images/thumbnail/a-person-is-standing-in-a-shower-with-a-red-shower-curtain-hanging-on-the-wall-jah9ps7ybq1wdahu.gif"
                                 alt="Homie "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Homie</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/pastrami"
                       title="Pastrami ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/a-sandwich-with-sliced-roast-beef-on-a-bun-8xxjs17a0en4xqrv.webp">
                            <img src="/images/thumbnail/a-sandwich-with-sliced-roast-beef-on-a-bun-8xxjs17a0en4xqrv.gif"
                                 alt="Pastrami "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Pastrami</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/rob"
                       title="Rob ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/a-woman-is-talking-to-a-man-and-the-word-rob-is-visible-3qhi8xntwhv6ab8j.webp">
                            <img src="/images/thumbnail/a-woman-is-talking-to-a-man-and-the-word-rob-is-visible-3qhi8xntwhv6ab8j.gif"
                                 alt="Rob "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Rob</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/grandpa"
                       title="Grandpa ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/a-man-wearing-a-black-shirt-that-says-kid-rock-fish-fry-on-it-63km11dysjjlledi.webp">
                            <img src="/images/thumbnail/a-man-wearing-a-black-shirt-that-says-kid-rock-fish-fry-on-it-63km11dysjjlledi.gif"
                                 alt="Grandpa "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Grandpa</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/may-basket"
                       title="May Basket ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/cat-holding-flower-saying-may-flowers-enjoy-your-day-tl80jmaoi3qyfxty.webp">
                            <img src="/images/thumbnail/cat-holding-flower-saying-may-flowers-enjoy-your-day-tl80jmaoi3qyfxty.gif"
                                 alt="May Basket "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">May Basket</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/kevin-durant-bye"
                       title="Kevin Durant Bye ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/a-basketball-player-in-a-brooklyn-nets-jersey-stands-on-the-court-i8xfl1gg8rylbmyg.webp">
                            <img src="/images/thumbnail/a-basketball-player-in-a-brooklyn-nets-jersey-stands-on-the-court-i8xfl1gg8rylbmyg.gif"
                                 alt="Kevin Durant Bye "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Kevin Durant Bye</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/mariachi"
                       title="Mariachi ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/a-cat-wearing-a-sombrero-and-holding-maracas-is-sitting-on-a-table-97e8loodisukt79a.webp">
                            <img src="/images/thumbnail/a-cat-wearing-a-sombrero-and-holding-maracas-is-sitting-on-a-table-97e8loodisukt79a.gif"
                                 alt="Mariachi "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Mariachi</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/margs"
                       title="Margs ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/a-woman-drinking-from-a-pitcher-with-a-straw-and-the-hashtag-laff-9tuj1jx69s4iqlpi.webp">
                            <img src="/images/thumbnail/a-woman-drinking-from-a-pitcher-with-a-straw-and-the-hashtag-laff-9tuj1jx69s4iqlpi.gif"
                                 alt="Margs "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Margs</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/growl"
                       title="Growl ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/a-picture-of-a-deer-with-the-words-grrr-on-the-bottom-right-anifob0y6ufceeav.webp">
                            <img src="/images/thumbnail/a-picture-of-a-deer-with-the-words-grrr-on-the-bottom-right-anifob0y6ufceeav.gif"
                                 alt="Growl "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Growl</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/shades"
                       title="Shades ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/a-man-wearing-glasses-and-a-black-shirt-is-looking-at-the-camera-7l01vu1jkbnp86d8.webp">
                            <img src="/images/thumbnail/a-man-wearing-glasses-and-a-black-shirt-is-looking-at-the-camera-7l01vu1jkbnp86d8.gif"
                                 alt="Shades "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Shades</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/finger-poke-of-doom"
                       title="Finger Poke Of Doom ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/man-sitting-with-two-children-in-tin-foil-hats-vojq3nulehhloqcz.webp">
                            <img src="/images/thumbnail/man-sitting-with-two-children-in-tin-foil-hats-vojq3nulehhloqcz.gif"
                                 alt="Finger Poke Of Doom "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Finger Poke Of Doom</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/haitian-flag-day"
                       title="Haitian Flag Day ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/a-black-flag-that-says-black-lives-matter-on-it-baaavlwbs20ev3mu.webp">
                            <img src="/images/thumbnail/a-black-flag-that-says-black-lives-matter-on-it-baaavlwbs20ev3mu.gif"
                                 alt="Haitian Flag Day "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Haitian Flag Day</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/hiding"
                       title="Hiding ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/pug-dog-suspicious-hiding-af03gq8v1acmjxl6.webp">
                            <img src="/images/thumbnail/pug-dog-suspicious-hiding-af03gq8v1acmjxl6.gif"
                                 alt="Hiding "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Hiding</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/triggered"
                       title="Triggered ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/triggered-cat-flashbacks-world-war-dgq1erc0dx1fcq51.webp">
                            <img src="/images/thumbnail/triggered-cat-flashbacks-world-war-dgq1erc0dx1fcq51.gif"
                                 alt="Triggered "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Triggered</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/waterboy"
                       title="Waterboy ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/waterboy-birthday-anime-girl-0muu81qlhko29gk0.webp">
                            <img src="/images/thumbnail/waterboy-birthday-anime-girl-0muu81qlhko29gk0.gif"
                                 alt="Waterboy "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Waterboy</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/wrong"
                       title="Wrong ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/kyle-broflovski-south-park-so-wrong-mlc771beix1e3fyr.webp">
                            <img src="/images/thumbnail/kyle-broflovski-south-park-so-wrong-mlc771beix1e3fyr.gif"
                                 alt="Wrong "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Wrong</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/howls-moving-castle"
                       title="Howl&#39;s Moving Castle ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/howl-s-moving-castle-shaking-y279e99561by8mgx.webp">
                            <img src="/images/thumbnail/howl-s-moving-castle-shaking-y279e99561by8mgx.gif"
                                 alt="Howl&#39;s Moving Castle "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Howl&#39;s Moving Castle</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/boxing"
                       title="Boxing ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/man-and-woman-boxing-on-mat-rg5qwkkj6kg5q5mq.webp">
                            <img src="/images/thumbnail/man-and-woman-boxing-on-mat-rg5qwkkj6kg5q5mq.gif"
                                 alt="Boxing "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Boxing</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/its-my-birthday"
                       title="Its My Birthday ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/birthday-birthday-cake-sticker-2xv8e6tidgoloknt.webp">
                            <img src="/images/thumbnail/birthday-birthday-cake-sticker-2xv8e6tidgoloknt.gif"
                                 alt="Its My Birthday "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Its My Birthday</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/spiderman"
                       title="Spiderman ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/spider-man-poster-with-why-am-i-not-sensing-anything-uoepfk94ommrssid.webp">
                            <img src="/images/thumbnail/spider-man-poster-with-why-am-i-not-sensing-anything-uoepfk94ommrssid.gif"
                                 alt="Spiderman "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Spiderman</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/good-omens"
                       title="Good Omens ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/man-wearing-sunglasses-sitting-on-park-bench-ablh1q418xygnpzs.webp">
                            <img src="/images/thumbnail/man-wearing-sunglasses-sitting-on-park-bench-ablh1q418xygnpzs.gif"
                                 alt="Good Omens "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Good Omens</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/drop"
                       title="Drop ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/blue-water-drop-6m9a8m3ijz02hn9w.webp">
                            <img src="/images/thumbnail/blue-water-drop-6m9a8m3ijz02hn9w.gif"
                                 alt="Drop "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Drop</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/suspicious"
                       title="Suspicious ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/ice-t-suspicious-reaction-e1jrrdjrezfjc4f1.webp">
                            <img src="/images/thumbnail/ice-t-suspicious-reaction-e1jrrdjrezfjc4f1.gif"
                                 alt="Suspicious "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Suspicious</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/alone"
                       title="Alone ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/cartoon-character-dancing-aphypgoffqbg251g.webp">
                            <img src="/images/thumbnail/cartoon-character-dancing-aphypgoffqbg251g.gif"
                                 alt="Alone "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Alone</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/best-friends"
                       title="Best Friends ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/yummy-walking-feet-vsu2ctf5g4gw9p92.webp">
                            <img src="/images/thumbnail/yummy-walking-feet-vsu2ctf5g4gw9p92.gif"
                                 alt="Best Friends "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Best Friends</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/heat"
                       title="Heat ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/man-wearing-glasses-reading-paper-f6sraducs07v1zxf.webp">
                            <img src="/images/thumbnail/man-wearing-glasses-reading-paper-f6sraducs07v1zxf.gif"
                                 alt="Heat "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Heat</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/jake-paul"
                       title="Jake Paul ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/jake-paul-mike-perry-trbmtzoqfwpg6wbd.webp">
                            <img src="/images/thumbnail/jake-paul-mike-perry-trbmtzoqfwpg6wbd.gif"
                                 alt="Jake Paul "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Jake Paul</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/hot-girl"
                       title="Hot Girl ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/hot-girl-lais-ribeiro-tuu0tkdt90n15ahl.webp">
                            <img src="/images/thumbnail/hot-girl-lais-ribeiro-tuu0tkdt90n15ahl.gif"
                                 alt="Hot Girl "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Hot Girl</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/who-are-you"
                       title="Who Are You ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/bender-from-futurama-asking-who-are-you-4cdx8e1ztvpp8u02.webp">
                            <img src="/images/thumbnail/bender-from-futurama-asking-who-are-you-4cdx8e1ztvpp8u02.gif"
                                 alt="Who Are You "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Who Are You</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/cookie"
                       title="Cookie Gif ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/a-picture-of-a-cookie-next-to-a-lollipop-that-says-he-wants-that-cookie-so-effing-bad-3bb9f1lcgdu69v0u.webp">
                            <img src="/images/thumbnail/a-picture-of-a-cookie-next-to-a-lollipop-that-says-he-wants-that-cookie-so-effing-bad-3bb9f1lcgdu69v0u.gif"
                                 alt="Cookie Gif "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Cookie Gif</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/reno-911"
                       title="Reno 911 ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/niecy-nash-reno-911-xxyj19bpl39ces35.webp">
                            <img src="/images/thumbnail/niecy-nash-reno-911-xxyj19bpl39ces35.gif"
                                 alt="Reno 911 "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Reno 911</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/head"
                       title="Head ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/basketball-player-sitting-in-stands-zgitd607buvdo3gf.webp">
                            <img src="/images/thumbnail/basketball-player-sitting-in-stands-zgitd607buvdo3gf.gif"
                                 alt="Head "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Head</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/finkle-is-einhorn"
                       title="Finkle Is Einhorn ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/finkle-is-einhorn-k53fijsxc7m8umnp.webp">
                            <img src="/images/thumbnail/finkle-is-einhorn-k53fijsxc7m8umnp.gif"
                                 alt="Finkle Is Einhorn "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Finkle Is Einhorn</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/oops-i-did-it-again"
                       title="Oops I Did It Again ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/oops-i-did-it-again-pf59wn26oymr6hkv.webp">
                            <img src="/images/thumbnail/oops-i-did-it-again-pf59wn26oymr6hkv.gif"
                                 alt="Oops I Did It Again "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Oops I Did It Again</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/thank-you-bow"
                       title="Thank You Bow ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/two-man-doing-thank-you-bow-nonkskfe5bt8lrfn.webp">
                            <img src="/images/thumbnail/two-man-doing-thank-you-bow-nonkskfe5bt8lrfn.gif"
                                 alt="Thank You Bow "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Thank You Bow</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/and-then"
                       title="And Then ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/and-then-tell-me-more-snl-kviidu9vux0o4v44.webp">
                            <img src="/images/thumbnail/and-then-tell-me-more-snl-kviidu9vux0o4v44.gif"
                                 alt="And Then "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">And Then</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/see-you-later"
                       title="See You Later ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/see-you-later-funny-cat-ro06jnfsv5xurigr.webp">
                            <img src="/images/thumbnail/see-you-later-funny-cat-ro06jnfsv5xurigr.gif"
                                 alt="See You Later "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">See You Later</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/choso"
                       title="Choso ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/choso-vs-yuji-fighting-3ku5jwzck7bhyplw.webp">
                            <img src="/images/thumbnail/choso-vs-yuji-fighting-3ku5jwzck7bhyplw.gif"
                                 alt="Choso "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Choso</div>
                    </a>
                </li>
                
                <li class="gdb-topic-tile">
                    <a href="/fortnite-griddy"
                       title="Fortnite Griddy ">
                        <picture class="gdb-topic-pic">
                            
                            <source type="image/webp" srcset="/images/thumbnail/gojo-satoru-fortnite-griddy-x21ub34dg80fu7tv.webp">
                            <img src="/images/thumbnail/gojo-satoru-fortnite-griddy-x21ub34dg80fu7tv.gif"
                                 alt="Fortnite Griddy "
                                 loading="lazy" decoding="async">
                        </picture>
                        <div class="gdb-topic-name">Fortnite Griddy</div>
                    </a>
                </li>
                
            </ul>
        </div>
        <style>
            .gdb-topic-rail{
                list-style:none; margin:0;
                display:flex; gap:12px;
                overflow-x:auto; overflow-y:hidden;
                scroll-snap-type:x mandatory;
                -webkit-overflow-scrolling:touch;
                scrollbar-width:thin; padding-bottom:6px;
            }
            .gdb-topic-rail::-webkit-scrollbar{height:6px;}
            .gdb-topic-rail::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;}
            .gdb-topic-tile{flex:0 0 auto; width:170px; scroll-snap-align:start;}
            .gdb-topic-tile a{
                display:block; text-decoration:none; color:#0f172a;
                border:1px solid #e5e7eb; border-radius:10px;
                overflow:hidden; background:#f5f6f8;
                transition:transform .15s, box-shadow .15s, border-color .15s;
            }
            .gdb-topic-tile a:hover{
                transform:translateY(-2px);
                border-color:#1796E6;
                box-shadow:0 6px 18px rgba(23,150,230,0.15);
                text-decoration:none;
            }
            .gdb-topic-pic{display:block; line-height:0; background:#000;}
            .gdb-topic-pic img{
                width:170px; height:120px; object-fit:cover; display:block;
            }
            .gdb-topic-name{
                padding:8px 10px; font-size:13px; font-weight:600;
                line-height:1.2; white-space:nowrap;
                overflow:hidden; text-overflow:ellipsis;
            }
            @media (max-width:576px){
                .gdb-topic-tile, .gdb-topic-pic img{width:140px;}
                .gdb-topic-pic img{height:100px;}
            }
        </style>
        

    </div>
</main>









<nav class="gdb-mshare" aria-label="Share Design GIFs">
    <div class="gdb-mshare-row">
        <a class="m-wa" href="https://wa.me/?text=Design%20GIFs%20on%20GIFDB%20https%3A//gifdb.com/design" target="_blank" rel="nofollow noopener" aria-label="Share on WhatsApp" title="WhatsApp" data-share-toast="WhatsApp">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="#fff"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z"/><path d="M12 0C5.373 0 0 5.373 0 12c0 2.625.846 5.059 2.284 7.034L.789 23.492l4.625-1.474A11.932 11.932 0 0012 24c6.627 0 12-5.373 12-12S18.627 0 12 0zm0 21.75c-2.16 0-4.162-.68-5.806-1.837l-.416-.28-2.746.876.882-2.688-.306-.438A9.724 9.724 0 012.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75z"/></svg>
        </a>
        <a class="m-fb" href="https://www.facebook.com/sharer/sharer.php?u=https%3A//gifdb.com/design" target="_blank" rel="nofollow noopener" aria-label="Share on Facebook" title="Facebook" data-share-toast="Facebook">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="#fff"><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
        </a>
        <a class="m-ig" href="https://www.instagram.com/" target="_blank" rel="nofollow noopener" aria-label="Open Instagram" title="Instagram" data-share-toast="Instagram">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="#fff"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98C.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z"/></svg>
        </a>
        <a class="m-x" href="https://twitter.com/intent/tweet?url=https%3A//gifdb.com/design&text=Design%20GIFs%20on%20GIFDB" target="_blank" rel="nofollow noopener" aria-label="Share on X" title="X" data-share-toast="X">
            <svg width="20" height="20" viewBox="0 0 24 24" fill="#fff"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
        </a>
        <a class="m-email" href="mailto:?subject=Design%20GIFs%20on%20GIFDB&body=Design%20GIFs%20on%20GIFDB%20https%3A//gifdb.com/design" aria-label="Share via Email" title="Email" data-share-toast="Email">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="#fff"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
        </a>
        <button type="button" class="m-copy" data-url="https://gifdb.com/design" aria-label="Copy link" title="Copy link" onclick="navigator.clipboard&&navigator.clipboard.writeText(this.dataset.url);this.style.transform='scale(1.1)';setTimeout(function(b){b.style.transform=''},150,this);">
            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>
        </button>
    </div>
</nav>





</div>



<footer class="footer" style="background:#1a1a2e; color:#ccc; padding:40px 0 20px;">
    <div class="container">
        <div class="row no-gutters ps-0">
            
            <div class="col-lg-2 col-md-6 col-sm-12" style="padding-bottom:20px;">
                <div class="mb-2">
                    <a href="/">
                        <img src="/static/src/gifdb.svg" alt="GIFDB.com" height="30" style="filter:brightness(0) invert(1); opacity:0.8;">
                    </a>
                </div>
                <div style="color:#666; font-size:12px; margin-bottom:14px;">&copy; 2026 GIFDB.com</div>

                
                <div class="d-none d-md-block">
                    <div class="menu-title"><h3 style="color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px;">Company</h3></div>
                    <ul class="nav mr-auto flex-row flex-sm-wrap" style="font-size:13px; margin-bottom:14px;">
                        <li class="nav-item"><a class="nav-link py-1" href="/about-us/">About GIFDB</a></li>
                        <li class="nav-item"><a class="nav-link py-1" href="/blog/">Blog</a></li>
                        <li class="nav-item"><a class="nav-link py-1" href="/contact-us/">Contact Us</a></li>
                        <li class="nav-item"><a class="nav-link py-1" href="/dmca/">DMCA</a></li>
                        <li class="nav-item"><a class="nav-link py-1" href="/privacy-policy/">Privacy Policy</a></li>
                        <li class="nav-item"><a class="nav-link py-1" href="/terms/">Terms of Use</a></li>
                    </ul>

                    <div class="menu-title"><h3 style="color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px;">Help</h3></div>
                    <ul class="nav mr-auto flex-row flex-sm-wrap" style="font-size:13px;">
                        <li class="nav-item"><a class="nav-link py-1" href="/faq/">FAQ</a></li>
                        <li class="nav-item"><a class="nav-link py-1" href="/faq/how-to-download-gif/">How to Download GIFs</a></li>
                        <li class="nav-item"><a class="nav-link py-1" href="/faq/how-to-share-gif/">How to Share GIFs</a></li>
                        <li class="nav-item"><a class="nav-link py-1" href="/faq/how-to-make-gif/">How to Make a GIF</a></li>
                        <li class="nav-item"><a class="nav-link py-1" href="/faq/what-are-stickers/">What are Stickers</a></li>
                        <li class="nav-item"><a class="nav-link py-1" href="/popular-gif-images/">Popular GIFs</a></li>
                    </ul>
                </div>
            </div>

            
            <div class="col-lg col-md-6 col-sm-12 flex-column">
                <div class="menu-title"><h3 style="color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px;">Browse</h3></div>
                <ul class="nav mr-auto flex-row flex-sm-wrap" style="font-size:13px;">
                    <li class="nav-item"><a class="nav-link py-1" href="/latest/">Latest GIFs</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/latest-categories/">Latest Categories</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/top/">Top GIFs</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/trending-today/">🔥 Trending Today</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/discover/">✨ Discover</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/popular-gif-images/">Popular Searches</a></li>
                </ul>

                <div class="menu-title mt-3"><h3 style="color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px;">Account</h3></div>
                <ul class="nav mr-auto flex-row flex-sm-wrap" style="font-size:13px;">
                    <li class="nav-item"><a class="nav-link py-1" href="/auth/login">Login / Sign Up</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/pricing/" style="color:#1796E6; font-weight:600;">⭐ GIFDB Pro</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/dashboard/upload">Upload GIF</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/dashboard/">Dashboard</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/dashboard/billing/">Billing</a></li>
                </ul>
            </div>

            
            <div class="col-lg col-md-6 col-sm-12 flex-column">
                <div class="menu-title"><h3 style="color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px;">Top Categories</h3></div>
                <ul class="nav mr-auto flex-row flex-sm-wrap" style="font-size:13px;">
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/animal" title="Animal GIFs">Animal</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/anime" title="Anime GIFs">Anime</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/birthday" title="Birthday GIFs">Birthday</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/cartoon" title="Cartoon GIFs">Cartoon</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/cat" title="Cat GIFs">Cat</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/cute" title="Cute GIFs">Cute</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/dance" title="Dance GIFs">Dance</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/disney" title="Disney GIFs">Disney</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/dog" title="Dog GIFs">Dog</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/funny" title="Funny GIFs">Funny</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/gaming" title="Gaming GIFs">Gaming</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/happy-birthday" title="Happy Birthday GIFs">Happy Birthday</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/holiday" title="Holiday GIFs">Holiday</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/love" title="Love GIFs">Love</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/movie" title="Movie GIFs">Movie</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/nature" title="Nature GIFs">Nature</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/pusheen" title="Pusheen GIFs">Pusheen</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/sports" title="Sports GIFs">Sports</a></li>
                    
                </ul>
            </div>

            
            <div class="col-lg col-md-6 col-sm-12 flex-column">
                <div class="menu-title"><h3 style="color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px;">Top Reactions</h3></div>
                <ul class="nav mr-auto flex-row flex-sm-wrap" style="font-size:13px;">
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/happy" title="Happy GIFs">Happy</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/sad" title="Sad GIFs">Sad</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/love" title="Love GIFs">Love</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/thank-you" title="Thank You GIFs">Thank You</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/laughing" title="Laughing GIFs">Laughing</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/excited" title="Excited GIFs">Excited</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/thumbs-up" title="Thumbs Up GIFs">Thumbs Up</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/crying" title="Crying GIFs">Crying</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/confused" title="Confused GIFs">Confused</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/no" title="No GIFs">No</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/yes" title="Yes GIFs">Yes</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/bye" title="Bye GIFs">Bye</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/hug" title="Hug GIFs">Hug</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/congratulations" title="Congrats GIFs">Congrats</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/good-morning" title="Good Morning GIFs">Good Morning</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/eye-roll" title="Eye Roll GIFs">Eye Roll</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/shocked" title="Shocked GIFs">Shocked</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/welcome" title="Welcome GIFs">Welcome</a></li>
                    
                </ul>
            </div>

            
            <div class="col-lg col-md-6 col-sm-12 flex-column">
                <div class="menu-title"><h3 style="color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px;">Top Stickers</h3></div>
                <ul class="nav mr-auto flex-row flex-sm-wrap" style="font-size:13px;">
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/sticker/cartoon" title="Cartoon Stickers">Cartoon</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/sticker/cupid" title="Cupid Stickers">Cupid</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/sticker/cuphead" title="Cuphead Stickers">Cuphead</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/sticker/christmas" title="Christmas Stickers">Christmas</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/sticker/football" title="Football Stickers">Football</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/sticker/confetti" title="Confetti Stickers">Confetti</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/sticker/heart" title="Heart Stickers">Heart</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/sticker/love" title="Love Stickers">Love</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/sticker/awesome" title="Awesome Stickers">Awesome</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/sticker/brain" title="Brain Stickers">Brain</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/sticker/bye" title="Bye Stickers">Bye</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/sticker/baby-girl" title="Baby Girl Stickers">Baby Girl</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/sticker/coming-soon" title="Coming Soon Stickers">Coming Soon</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/sticker/date-night" title="Date Night Stickers">Date Night</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/sticker/blessing" title="Blessing Stickers">Blessing</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/sticker/boy-mom" title="Boy Mom Stickers">Boy Mom</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/sticker/buy-now" title="Buy Now Stickers">Buy Now</a></li>
                    
                    <li class="nav-item"><a class="nav-link py-1" href="/sticker/50-cent" title="50 Cent Stickers">50 Cent</a></li>
                    
                </ul>
            </div>

            
            <div class="col-lg col-md-6 col-sm-12 flex-column">
                <div class="menu-title"><h3 style="font-size:14px; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px;"><a href="/tools/" style="color:#fff; text-decoration:none;">Tools</a></h3></div>
                <ul class="nav mr-auto flex-row flex-sm-wrap" style="font-size:13px;">
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/" style="color:#1796E6; font-weight:600;">All tools →</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/gif-maker/">GIF Maker</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/mp4-to-gif/">MP4 to GIF</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/gif-compressor/">GIF Compressor</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/gif-resizer/">GIF Resizer</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/gif-to-mp4/">GIF to MP4</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/gif-reverse/">GIF Reverser</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/gif-speed/">GIF Speed</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/gif-frame-splitter/">Frame Splitter</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/gif-combiner/">GIF Combiner</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/gif-caption/">Meme Maker</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/images-to-gif/">Image to GIF</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/gif-to-sticker/">GIF to Sticker</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/image-to-sticker/">Image to Sticker</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/whatsapp-sticker-pack/">WhatsApp Pack</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/telegram-sticker-pack/">Telegram Pack</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/youtube-to-gif/">YouTube to GIF</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/vimeo-to-gif/">Vimeo to GIF</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/tiktok-downloader/">TikTok Downloader</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/twitter-downloader/">Twitter Downloader</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/instagram-downloader/">Instagram Downloader</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/reddit-downloader/">Reddit Downloader</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/tools/facebook-downloader/">Facebook Downloader</a></li>
                </ul>
            </div>

            
            <div class="col-lg col-md-6 col-sm-12 flex-column">
                <div class="menu-title"><h3 style="color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px;">Guides</h3></div>
                <ul class="nav mr-auto flex-row flex-sm-wrap" style="font-size:13px;">
                    <li class="nav-item"><a class="nav-link py-1" href="/how-to-make-gifs/" style="font-weight:600;">How to Make GIFs</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/how-to-make-gifs/how-to-make-gif-on-iphone/">GIF on iPhone</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/how-to-make-gifs/how-to-make-gif-in-photoshop/">GIF in Photoshop</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/how-to-share-gifs/" style="font-weight:600;">How to Share GIFs</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/how-to-share-gifs/how-to-send-gifs-on-whatsapp/">GIFs on WhatsApp</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/how-to-share-gifs/how-to-send-gifs-on-discord/">GIFs on Discord</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/gif-format-guide/" style="font-weight:600;">GIF Format Guide</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/gif-format-guide/gif-vs-mp4/">GIF vs MP4</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/download-videos-for-gifs/" style="font-weight:600;">Download Videos</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/download-videos-for-gifs/how-to-download-tiktok-videos/">TikTok Downloads</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/best-gifs-by-category/" style="font-weight:600;">Best GIFs</a></li>
                    <li class="nav-item"><a class="nav-link py-1" href="/best-gifs-by-category/funniest-reaction-gifs/">Reaction GIFs</a></li>
                </ul>
            </div>

            
            <div class="footer-extra-mobile d-md-none w-100">
                <div class="row">
                    <div class="col-6">
                        <div class="menu-title"><h3 style="color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px;">Company</h3></div>
                        <ul class="nav mr-auto flex-row flex-sm-wrap" style="font-size:13px;">
                            <li class="nav-item"><a class="nav-link py-1" href="/about-us/">About GIFDB</a></li>
                            <li class="nav-item"><a class="nav-link py-1" href="/blog/">Blog</a></li>
                            <li class="nav-item"><a class="nav-link py-1" href="/contact-us/">Contact Us</a></li>
                            <li class="nav-item"><a class="nav-link py-1" href="/dmca/">DMCA</a></li>
                            <li class="nav-item"><a class="nav-link py-1" href="/privacy-policy/">Privacy Policy</a></li>
                            <li class="nav-item"><a class="nav-link py-1" href="/terms/">Terms of Use</a></li>
                        </ul>
                    </div>
                    <div class="col-6">
                        <div class="menu-title"><h3 style="color:#fff; font-size:14px; text-transform:uppercase; letter-spacing:1px; margin-bottom:10px;">Help</h3></div>
                        <ul class="nav mr-auto flex-row flex-sm-wrap" style="font-size:13px;">
                            <li class="nav-item"><a class="nav-link py-1" href="/faq/">FAQ</a></li>
                            <li class="nav-item"><a class="nav-link py-1" href="/faq/how-to-download-gif/">How to Download GIFs</a></li>
                            <li class="nav-item"><a class="nav-link py-1" href="/faq/how-to-share-gif/">How to Share GIFs</a></li>
                            <li class="nav-item"><a class="nav-link py-1" href="/faq/how-to-make-gif/">How to Make a GIF</a></li>
                            <li class="nav-item"><a class="nav-link py-1" href="/faq/what-are-stickers/">What are Stickers</a></li>
                            <li class="nav-item"><a class="nav-link py-1" href="/popular-gif-images/">Popular GIFs</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<style>
/* Kill the legacy `main { min-height: 600px }` + `main > div { margin: 20px 0 }`
   global rules from style.css. Those were sized for a layout that had
   shorter page content; the new pages (tools/*, sticker pages, etc.)
   already provide their own padding. The leftover bottom margin and
   forced height showed as a "big white gap" between the page content
   and the dark footer on desktop. Let content size itself. */
main{ min-height:auto !important; }
main > div{ margin-top:0 !important; margin-bottom:0 !important; }
.footer{ margin-top:24px; }
.footer .nav-link{color:#aab;font-size:13px;padding:4px 0 !important;display:block;width:100%}.footer .nav-link:hover{color:#fff}
.footer .nav{flex-direction:column !important}
.footer .nav-item{width:100% !important}
.footer .copy-right{color:#777;font-size:12px}
/* Mobile footer: logo row spans full width, every other column in 2-up. */
@media (max-width: 767.98px){
    .footer{ margin-top:32px; }
    .footer .row > [class*="col-"]{
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding-bottom: 16px;
    }
    /* First column (logo + copyright) takes both columns. */
    .footer .row > [class*="col-"]:first-child{
        flex: 0 0 100% !important;
        max-width: 100% !important;
        text-align: left;
        padding-bottom: 20px;
    }
    /* The Company+Help mobile-only column also spans full width and sits last. */
    .footer .footer-extra-mobile{
        flex: 0 0 100% !important;
        max-width: 100% !important;
        order: 99;
        padding-top: 8px;
        border-top: 1px solid rgba(255,255,255,0.06);
        margin-top: 8px;
    }
    .footer .menu-title h3{ font-size:12px !important; margin-bottom:6px !important; }
    .footer .nav-link{ font-size:12px; padding:2px 0 !important; }
    .footer .nav{ display:flex !important; }
}

/* ── Tool-card pattern (used by /tools/* "Related GIF + video tools") ──
   Equal-height cards regardless of body-text length, single-source styling. */
.gdb-tool-card{
    display:flex; flex-direction:column; flex:1 1 auto;
    padding:14px; background:#fff; border:1px solid #e2e8f0;
    border-radius:10px; text-decoration:none; color:#0f172a;
    transition:border-color .15s, box-shadow .15s;
}
.gdb-tool-card:hover{ border-color:#1796E6; box-shadow:0 4px 12px rgba(23,150,230,.10); }
.gdb-tool-card-title{ font-weight:700; margin-bottom:4px; }
.gdb-tool-card-desc{ color:#475569; font-size:13px; flex:1; }
</style>


<button id="scrollBtn" title="Back to top" style="display:none; position:fixed; bottom:20px; right:20px; z-index:99; background:#1796E6; border:none; border-radius:50%; width:44px; height:44px; cursor:pointer; box-shadow:0 2px 8px rgba(0,0,0,0.2);">
    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><polyline points="18 15 12 9 6 15"></polyline></svg>
</button>


<script src="/static/js/jquery-3.5.1.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.5/swiper-bundle.min.js"></script>
<script src="/static/js/bootstrap.bundle.min.js"></script>

<div id="gdb-auth-modal" style="display:none; position:fixed; inset:0; z-index:9999; background:rgba(0,0,0,0.55);" onclick="if(event.target===this)gdbCloseAuthModal()">
    <div style="position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; border-radius:14px; padding:26px 24px; width:92%; max-width:400px; box-shadow:0 12px 40px rgba(0,0,0,0.35);">
        <button type="button" onclick="gdbCloseAuthModal()" aria-label="Close" style="position:absolute; top:10px; right:12px; background:none; border:none; font-size:24px; cursor:pointer; color:#999;">&times;</button>
        <h3 style="margin:0 0 6px 0; font-size:20px; text-align:center;">Sign in to continue</h3>
        <p style="color:#666; font-size:13px; text-align:center; margin:0 0 18px 0;">Create a free account to like GIFs, save favorites, and comment.</p>
        <div style="display:flex; flex-direction:column; gap:10px;">
            <a id="gdb-oauth-google" href="#" style="display:flex; align-items:center; gap:10px; padding:11px 14px; background:#fff; border:1px solid #dadce0; border-radius:10px; text-decoration:none; color:#3c4043; font-weight:600; font-size:14px;">
                <svg width="20" height="20" viewBox="0 0 24 24"><path fill="#4285F4" d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z"/><path fill="#34A853" d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"/><path fill="#FBBC05" d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"/><path fill="#EA4335" d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"/></svg>
                Continue with Google
            </a>
            <a id="gdb-oauth-microsoft" href="#" style="display:flex; align-items:center; gap:10px; padding:11px 14px; background:#fff; border:1px solid #dadce0; border-radius:10px; text-decoration:none; color:#3c4043; font-weight:600; font-size:14px;">
                <svg width="18" height="18" viewBox="0 0 23 23"><rect width="10" height="10" x="1"  y="1"  fill="#F25022"/><rect width="10" height="10" x="12" y="1"  fill="#7FBA00"/><rect width="10" height="10" x="1"  y="12" fill="#00A4EF"/><rect width="10" height="10" x="12" y="12" fill="#FFB900"/></svg>
                Continue with Microsoft
            </a>
            <a id="gdb-oauth-discord" href="#" style="display:flex; align-items:center; gap:10px; padding:11px 14px; background:#5865F2; border:1px solid #5865F2; border-radius:10px; text-decoration:none; color:#fff; font-weight:600; font-size:14px;">
                <svg width="20" height="20" viewBox="0 0 24 24" fill="#fff"><path d="M19.54 0c1.36 0 2.46 1.1 2.46 2.46V24l-2.58-2.28-1.45-1.34-1.53-1.42.64 2.22H4.46C3.1 21.18 2 20.08 2 18.72V2.46C2 1.1 3.1 0 4.46 0h15.08zm-4.63 15.6c2.52-.08 3.48-1.74 3.48-1.74 0-3.7-1.66-6.7-1.66-6.7-1.66-1.24-3.24-1.2-3.24-1.2l-.16.18c1.96.6 2.86 1.46 2.86 1.46-1.18-.65-2.35-.98-3.44-1.1-.82-.09-1.6-.07-2.3.02-.06 0-.11.01-.17.02-.4.04-1.38.18-2.62.72-.43.2-.68.34-.68.34s.95-.91 3.02-1.5l-.11-.14s-1.58-.04-3.24 1.2c0 0-1.66 3-1.66 6.7 0 0 .96 1.66 3.48 1.74 0 0 .42-.5.76-.95-1.44-.43-1.98-1.34-1.98-1.34s.11.08.32.2c.01 0 .02.01.04.02.02.01.04.02.06.03.15.08.3.15.44.2.25.1.55.2.9.28.46.11 1 .22 1.63.24.83.04 1.76-.05 2.68-.3.45-.12.91-.3 1.4-.56.32-.19.66-.41.99-.68 0 0-.57.93-2.05 1.34.33.45.76.95.76.95zm-5.15-6.95c-.65 0-1.16.56-1.16 1.25 0 .69.52 1.25 1.16 1.25.65 0 1.16-.56 1.16-1.25 0-.69-.52-1.25-1.16-1.25zm4.27 0c-.65 0-1.16.56-1.16 1.25 0 .69.52 1.25 1.16 1.25.65 0 1.16-.56 1.16-1.25 0-.69-.52-1.25-1.16-1.25z"/></svg>
                Continue with Discord
            </a>
            
            
        </div>
        <p style="color:#999; font-size:11px; text-align:center; margin:14px 0 0 0;">By continuing, you agree to our <a href="/terms/" style="color:#1796E6;">Terms</a> and <a href="/privacy-policy/" style="color:#1796E6;">Privacy Policy</a>.</p>
    </div>
</div>
<script>
window.gdbOpenAuthModal = function(nextPath){
    var m = document.getElementById('gdb-auth-modal');
    if (!m) return;
    var next = encodeURIComponent(nextPath || location.pathname + location.search);
    document.getElementById('gdb-oauth-google').href    = '/auth/login/google?next='    + next;
    document.getElementById('gdb-oauth-microsoft').href = '/auth/login/microsoft?next=' + next;
    document.getElementById('gdb-oauth-discord').href   = '/auth/login/discord?next='   + next;
    // X / Twitter disabled — see comment-blocked anchor above. Re-enable both together.
    // document.getElementById('gdb-oauth-twitter').href   = '/auth/login/twitter?next='   + next;
    m.style.display = 'block';
    document.body.style.overflow = 'hidden';
};
window.gdbCloseAuthModal = function(){
    var m = document.getElementById('gdb-auth-modal');
    if (m) m.style.display = 'none';
    document.body.style.overflow = '';
};
document.addEventListener('keydown', function(e){ if (e.key === 'Escape') window.gdbCloseAuthModal(); });
</script>


<div id="report-modal" style="display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; background:rgba(0,0,0,0.5);" onclick="if(event.target===this)closeReportModal()">
    <div style="position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:#fff; border-radius:12px; padding:24px; width:90%; max-width:400px; box-shadow:0 8px 32px rgba(0,0,0,0.3);">
        <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:16px;">
            <h4 style="margin:0; font-size:18px;">Report GIF</h4>
            <button onclick="closeReportModal()" style="background:none; border:none; font-size:24px; cursor:pointer;">&times;</button>
        </div>
        <p style="color:#666; font-size:14px; margin-bottom:12px;">Why are you reporting this GIF?</p>
        <input type="hidden" id="report-gif-id">
        <input type="hidden" id="report-gif-slug">
        <div style="display:flex; flex-direction:column; gap:8px;" id="report-reasons">
            <label style="display:flex; align-items:center; gap:8px; padding:8px; border:1px solid #eee; border-radius:8px; cursor:pointer;"><input type="radio" name="report-reason" value="nsfw"> Sexual or adult content</label>
            <label style="display:flex; align-items:center; gap:8px; padding:8px; border:1px solid #eee; border-radius:8px; cursor:pointer;"><input type="radio" name="report-reason" value="violence"> Violence or disturbing</label>
            <label style="display:flex; align-items:center; gap:8px; padding:8px; border:1px solid #eee; border-radius:8px; cursor:pointer;"><input type="radio" name="report-reason" value="copyright"> Copyright violation</label>
            <label style="display:flex; align-items:center; gap:8px; padding:8px; border:1px solid #eee; border-radius:8px; cursor:pointer;"><input type="radio" name="report-reason" value="spam"> Spam or low quality</label>
            <label style="display:flex; align-items:center; gap:8px; padding:8px; border:1px solid #eee; border-radius:8px; cursor:pointer;"><input type="radio" name="report-reason" value="hate"> Harassment or hate speech</label>
            <label style="display:flex; align-items:center; gap:8px; padding:8px; border:1px solid #eee; border-radius:8px; cursor:pointer;"><input type="radio" name="report-reason" value="other"> Other</label>
        </div>
        <textarea id="report-description" placeholder="Additional details (optional)..." style="width:100%; margin-top:12px; padding:8px; border:1px solid #ddd; border-radius:8px; resize:none; height:60px; font-size:14px;"></textarea>
        <button id="report-submit-btn" onclick="submitReport()" style="width:100%; margin-top:12px; padding:10px; background:#dc3545; color:#fff; border:none; border-radius:8px; font-weight:600; cursor:pointer; font-size:15px;">Submit Report</button>
        <p id="report-msg" style="display:none; margin-top:8px; text-align:center; font-size:14px;"></p>
    </div>
</div>

<script>
function openReportModal(btn){
    document.getElementById('report-gif-id').value=btn.getAttribute('data-gif-id')||'';
    document.getElementById('report-gif-slug').value=btn.getAttribute('data-slug')||'';
    document.getElementById('report-modal').style.display='block';
    document.getElementById('report-msg').style.display='none';
    document.getElementById('report-submit-btn').disabled=false;
    document.getElementById('report-description').value='';
    document.querySelectorAll('input[name="report-reason"]').forEach(function(r){r.checked=false;});
}
function closeReportModal(){document.getElementById('report-modal').style.display='none';}
function submitReport(){
    var reason=document.querySelector('input[name="report-reason"]:checked');
    if(!reason){alert('Please select a reason.');return;}
    var btn=document.getElementById('report-submit-btn');
    btn.disabled=true;btn.textContent='Submitting...';
    fetch('/api/report-gif',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({
        gif_id:parseInt(document.getElementById('report-gif-id').value)||null,
        slug:document.getElementById('report-gif-slug').value,
        reason:reason.value,
        description:document.getElementById('report-description').value
    })}).then(function(r){return r.json()}).then(function(d){
        var msg=document.getElementById('report-msg');
        msg.style.display='block';
        if(d.success){msg.style.color='#28a745';msg.textContent=d.message;setTimeout(closeReportModal,2000);}
        else{msg.style.color='#dc3545';msg.textContent=d.error||'Failed';btn.disabled=false;btn.textContent='Submit Report';}
    }).catch(function(){btn.disabled=false;btn.textContent='Submit Report';});
}
</script>

<script src="/static/js/scripts.js?v=1779619435"></script>
<script src="/static/js/masonry.js?v=1779619435" defer></script>


<style>
.gdb-nav-btn{background:none;border:none;font-size:15px;font-weight:600;color:#333;cursor:pointer;padding:6px 14px;border-radius:6px;display:flex;align-items:center;gap:4px;transition:background .15s}
.gdb-nav-btn:hover,.gdb-nav-btn.active{background:#eee;color:#1796E6}
.gdb-hamburger:hover{opacity:.7}
#gdb-mega-panels a{text-decoration:none !important}
#gdb-mega-panels a:hover{color:#fff !important;text-decoration:none !important}
#gdb-lang-menu a:hover{background:#f0f1f3}
</style>
<script>
(function(){
    var panels = document.getElementById('gdb-mega-panels');
    var hamburgerBtn = document.getElementById('gdb-hamburger-btn');
    var activePanel = null;

    function setHeaderHeightVar(){
        var h = document.querySelector('header');
        if (h) document.documentElement.style.setProperty('--gdb-header-h', h.getBoundingClientRect().height + 'px');
    }
    window.addEventListener('resize', setHeaderHeightVar);
    setHeaderHeightVar();

    function closeAll(){
        panels.style.display='none';
        document.querySelectorAll('.gdb-panel').forEach(function(p){p.style.display='none';});
        document.querySelectorAll('.gdb-nav-btn').forEach(function(b){b.classList.remove('active');b.style.background='';});
        document.body.classList.remove('gdb-menu-open');
        if (hamburgerBtn) { hamburgerBtn.classList.remove('is-open'); hamburgerBtn.setAttribute('aria-expanded','false'); }
        activePanel=null;
    }

    var panelColors = {
        'panel-categories': '#1a1a2e',
        'panel-reactions': '#2d1b4e',
        'panel-trending': '#1b3a2e',
        'panel-tools': '#1b2d3e',
        'panel-all': '#1a1a2e'
    };
    var navBtnColors = {
        'panel-categories': '#e8eef4',
        'panel-reactions': '#f0e8f4',
        'panel-trending': '#e8f4eb',
        'panel-tools': '#e8f0f4',
        'panel-all': '#eee'
    };

    function openPanel(id, fromHamburger){
        if(activePanel===id){closeAll();return;}
        closeAll();
        var el=document.getElementById(id);
        var inner=document.getElementById('gdb-mega-inner');
        if(el){
            el.style.display='block';
            panels.style.display='block';
            if(inner) inner.style.background=panelColors[id]||'#1a1a2e';
            activePanel=id;
            document.querySelectorAll('.gdb-nav-btn').forEach(function(b){
                if(b.getAttribute('data-panel')===id){
                    b.classList.add('active');
                    b.style.background=navBtnColors[id]||'#eee';
                }
            });
            if (fromHamburger || id === 'panel-all') {
                setHeaderHeightVar();
                document.body.classList.add('gdb-menu-open');
                if (hamburgerBtn) { hamburgerBtn.classList.add('is-open'); hamburgerBtn.setAttribute('aria-expanded','true'); }
            }
        }
    }

    document.querySelectorAll('.gdb-nav-btn').forEach(function(btn){
        btn.addEventListener('click',function(e){
            e.preventDefault();
            openPanel(btn.getAttribute('data-panel'));
        });
    });

    var hamburger=document.getElementById('gdb-hamburger-btn');
    if(hamburger) hamburger.addEventListener('click',function(e){
        e.preventDefault();
        openPanel('panel-all', true);
    });

    // NSFW "safe mode" indicator — shown in top-right if user previously opted out
    try {
        var nsfwBtn = document.getElementById('gdb-nsfw-indicator');
        if (nsfwBtn) {
            if (localStorage.getItem('gdb_nsfw_ok') === '0') {
                nsfwBtn.style.display = 'inline-flex';
            }
            nsfwBtn.addEventListener('click', function(){
                if (confirm("Re-enable NSFW content? You'll be asked again next time you hit a flagged page.")) {
                    localStorage.removeItem('gdb_nsfw_ok');
                    nsfwBtn.style.display = 'none';
                    // If we're currently on /disney/ (the safe-redirect), no reload needed.
                    // If on a regular page, next NSFW kw will re-prompt.
                }
            });
        }
    } catch(e) {}

    // Language dropdown
    var langBtn=document.getElementById('gdb-lang-btn');
    var langMenu=document.getElementById('gdb-lang-menu');
    if(langBtn && langMenu) {
        langBtn.addEventListener('click', function(e){
            e.stopPropagation();
            langMenu.style.display = langMenu.style.display === 'block' ? 'none' : 'block';
        });
        document.addEventListener('click', function(e){
            if(!langBtn.contains(e.target) && !langMenu.contains(e.target)) langMenu.style.display='none';
        });
    }

    var closeBtn=document.getElementById('gdb-mega-close');
    if(closeBtn) closeBtn.addEventListener('click',closeAll);

    document.addEventListener('keydown',function(e){if(e.key==='Escape')closeAll();});
})();
</script>


<script>
(function(){
    var buttons = document.querySelectorAll('.gdb-follow-btn');
    if (!buttons.length) return;

    function setState(btn, following, count){
        var label = btn.querySelector('.gdb-follow-label');
        var countEl = btn.querySelector('.gdb-follow-count');
        btn.setAttribute('aria-pressed', following ? 'true' : 'false');
        if (label) label.textContent = following ? btn.dataset.labelFollowing : btn.dataset.labelFollow;
        btn.style.background = following ? '#0f172a' : '#1796E6';
        if (countEl && typeof count === 'number') {
            countEl.textContent = count > 0 ? '· ' + count.toLocaleString() : '';
        }
    }

    // One batch request for initial state of every button on the page
    var ids = Array.from(buttons).map(function(b){ return b.dataset.authorId; }).filter(Boolean);
    var uniq = Array.from(new Set(ids));
    uniq.forEach(function(aid){
        fetch('/api/follow/status?author_id=' + encodeURIComponent(aid), {credentials:'same-origin'})
            .then(function(r){ return r.json(); })
            .then(function(d){
                if (!d.ok) return;
                buttons.forEach(function(btn){
                    if (btn.dataset.authorId === aid) setState(btn, d.following, d.followers);
                });
            }).catch(function(){});
    });

    buttons.forEach(function(btn){
        btn.addEventListener('click', function(e){
            e.preventDefault();
            if (btn.dataset.busy) return;
            btn.dataset.busy = '1';
            fetch('/api/follow', {
                method:'POST', credentials:'same-origin',
                headers:{'Content-Type':'application/json'},
                body: JSON.stringify({author_id: btn.dataset.authorId}),
            }).then(function(r){
                return r.json().then(function(d){ return {status:r.status, data:d}; });
            }).then(function(res){
                btn.dataset.busy = '';
                var d = res.data;
                if (res.status === 401 && d.needs_login) {
                    window.location.href = d.login_url || '/auth/login';
                    return;
                }
                if (d.ok) {
                    // Update every instance of this author on the page
                    buttons.forEach(function(other){
                        if (other.dataset.authorId === btn.dataset.authorId) setState(other, d.following, d.followers);
                    });
                }
            }).catch(function(){ btn.dataset.busy = ''; });
        });
    });
})();
</script>

<script>
(function(){
    if (typeof window === 'undefined') return;
    const already = new Set();
    // Skip prefetch if the user explicitly opted out (Data Saver mode)
    if (navigator.connection && navigator.connection.saveData) return;
    function prefetch(url){
        if (!url || already.has(url)) return;
        if (url.startsWith('#') || url.startsWith('javascript:')) return;
        // Only prefetch same-origin
        try {
            const u = new URL(url, location.href);
            if (u.origin !== location.origin) return;
            url = u.pathname + u.search;
        } catch(e){ return; }
        already.add(url);
        const link = document.createElement('link');
        link.rel = 'prefetch';
        link.href = url;
        document.head.appendChild(link);
    }
    // Selector: any <a> inside a GIF card, keyword pill, or related-pill row
    const SEL = 'a.content-link, .content a[href^="/"], .top-search-list a, .related-pill-wrap a, .card.content a, a.kw-pill';
    let hoverTimer = null;
    document.addEventListener('mouseover', function(e){
        const a = e.target.closest && e.target.closest(SEL);
        if (!a || !a.href) return;
        clearTimeout(hoverTimer);
        hoverTimer = setTimeout(() => prefetch(a.href), 80);
    }, {passive: true});
    document.addEventListener('mouseout', function(){ clearTimeout(hoverTimer); }, {passive: true});
    // Touch devices: prefetch on touchstart (users commit within ~300ms)
    document.addEventListener('touchstart', function(e){
        const a = e.target.closest && e.target.closest(SEL);
        if (a && a.href) prefetch(a.href);
    }, {passive: true});
})();
</script>


<script>
(function(){
    var toastEl = null, toastT = null;
    function shareToast(msg) {
        if (!toastEl) {
            toastEl = document.createElement('div');
            toastEl.id = 'gdb-share-toast';
            // Sit above the mobile sticky share bar (52px) so it isn't covered.
            toastEl.style.cssText = 'position:fixed; left:50%; bottom:80px; ' +
                'transform:translateX(-50%) translateY(12px); ' +
                'background:#0f172a; color:#fff; padding:10px 16px; border-radius:999px; ' +
                'font-size:13px; font-weight:600; box-shadow:0 4px 12px rgba(0,0,0,0.18); ' +
                'z-index:2147483647; opacity:0; transition:opacity .18s, transform .18s; ' +
                'pointer-events:none; max-width:90vw; white-space:nowrap; ' +
                'overflow:hidden; text-overflow:ellipsis;';
            document.body.appendChild(toastEl);
        }
        toastEl.textContent = msg;
        // Force reflow so the transition fires.
        // eslint-disable-next-line no-unused-expressions
        toastEl.offsetHeight;
        toastEl.style.opacity = '1';
        toastEl.style.transform = 'translateX(-50%) translateY(0)';
        clearTimeout(toastT);
        toastT = setTimeout(function(){
            toastEl.style.opacity = '0';
            toastEl.style.transform = 'translateX(-50%) translateY(12px)';
        }, 1500);
    }
    document.addEventListener('click', function(e){
        var el = e.target.closest && e.target.closest('[data-share-toast]');
        if (!el) return;
        var platform = el.getAttribute('data-share-toast') || 'app';
        // Email opens the OS mail client; the others open the platform tab.
        var verb = (platform === 'Email') ? 'Opening email…' : 'Opening ' + platform + '…';
        shareToast(verb);
    }, {capture: true, passive: true});
})();
</script>

<script>
document.addEventListener('DOMContentLoaded', function(){
    var rel = document.getElementById('rel-scroll');
    var relWrap = document.getElementById('rel-wrap');
    if (rel && relWrap) {
        var prev = document.getElementById('rel-prev');
        var next = document.getElementById('rel-next');
        function updateArrows(){
            var maxScroll = rel.scrollWidth - rel.clientWidth;
            // No overflow → no arrows at all
            if (maxScroll <= 2) {
                prev.style.display = 'none';
                next.style.display = 'none';
                return;
            }
            // Overflow → show arrows on their respective sides. Pills take the
            // full 100% width; arrows live OUTSIDE the container (negative offset).
            prev.style.display = rel.scrollLeft > 5 ? 'block' : 'none';
            next.style.display = rel.scrollLeft < maxScroll - 5 ? 'block' : 'none';
        }
        if (prev) prev.addEventListener('click', function(){ rel.scrollBy({left:-240, behavior:'smooth'}); });
        if (next) next.addEventListener('click', function(){ rel.scrollBy({left:240, behavior:'smooth'}); });
        rel.addEventListener('scroll', updateArrows);
        window.addEventListener('resize', updateArrows);
        updateArrows();
    }
});
</script>

</body>
</html>