<?xml version="1.0" encoding="UTF-8"?>
<urlset
  xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
  xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
  <url>
    <loc>https://spyui.online/components/custom-media-player</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/custom-media-player.png</video:thumbnail_loc>
      <video:title><![CDATA[Custom Media Player — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A fully styled, custom video player with smooth framer-motion playback controls. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/custom-media-player.mp4</video:content_loc>
      <video:publication_date>2026-03-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/quote-card</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/quote-card.png</video:thumbnail_loc>
      <video:title><![CDATA[Quote Card — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A sleek quotation card featuring a prominent author avatar and elegant typography. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/quote-card.mp4</video:content_loc>
      <video:publication_date>2025-12-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/stats-card</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/stats-card.png</video:thumbnail_loc>
      <video:title><![CDATA[Stats Card — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A beautiful bento-style card displaying comparative statistics and animated line graphs. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/stats-card.mp4</video:content_loc>
      <video:publication_date>2025-11-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/falling-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/falling-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Falling Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A mesmerizing text animation where individual characters fall smoothly into place. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/falling-text.mp4</video:content_loc>
      <video:publication_date>2025-09-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/creepy-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/creepy-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Creepy Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[An interactive button with a dynamic, eerie hover effect for unique call-to-actions. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/creepy-button.mp4</video:content_loc>
      <video:publication_date>2025-12-07</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/true-focus</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/true-focus.png</video:thumbnail_loc>
      <video:title><![CDATA[True Focus — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A photographic lens blur effect that pulls specific words into sharp focus. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/true-focus.mp4</video:content_loc>
      <video:publication_date>2025-11-29</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/flip-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/flip-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Flip Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A dynamic 3D flipping text animation that rotates characters in sequence. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/flip-text.mp4</video:content_loc>
      <video:publication_date>2025-12-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/cursor-card</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/cursor-card.png</video:thumbnail_loc>
      <video:title><![CDATA[Cursor Card — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A premium interactive card featuring dynamic mouse-following gradient glows. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/cursor-card.mp4</video:content_loc>
      <video:publication_date>2025-08-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/graph-card</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/graph-card.png</video:thumbnail_loc>
      <video:title><![CDATA[Graph Card — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A polished analytics card featuring animated SVG line graphs and modern stat badges. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/graph-card.mp4</video:content_loc>
      <video:publication_date>2026-01-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/video-popover</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/video-popover.png</video:thumbnail_loc>
      <video:title><![CDATA[Video Popover — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A cinematic, full-screen video overlay with frosted glass backgrounds and spring physics. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/video-popover.mp4</video:content_loc>
      <video:publication_date>2026-05-09</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/morph-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/morph-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Morph Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A smooth, continuous morphing text animation that transitions between words. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/morph-text.mp4</video:content_loc>
      <video:publication_date>2025-08-30</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/social-card</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/social-card.png</video:thumbnail_loc>
      <video:title><![CDATA[Social Card — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A polished profile card featuring social links and dynamic 3D hover animations. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/social-card.mp4</video:content_loc>
      <video:publication_date>2026-01-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/text-reveal</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/text-reveal.png</video:thumbnail_loc>
      <video:title><![CDATA[Text Reveal — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A premium scroll-driven animation that unblurs and slides words beautifully into view. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/text-reveal.mp4</video:content_loc>
      <video:publication_date>2026-02-27</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/expandable-screen</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/expandable-screen.png</video:thumbnail_loc>
      <video:title><![CDATA[Expandable Screen — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A full-screen expandable component with morphing animations using shared layout IDs. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/expandable-screen.mp4</video:content_loc>
      <video:publication_date>2026-07-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/beam-circle</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/beam-circle.png</video:thumbnail_loc>
      <video:title><![CDATA[Beam Circle — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[An animated orbiting beam component with customizable orbits. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/beam-circle.mp4</video:content_loc>
      <video:publication_date>2026-07-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/dynamic-image-reveal</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/dynamic-image-reveal.png</video:thumbnail_loc>
      <video:title><![CDATA[Dynamic Image Reveal — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[An interactive image reveal component that uncovers hidden media dynamically. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/dynamic-image-reveal.mp4</video:content_loc>
      <video:publication_date>2026-07-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/suspended-badge</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/suspended-badge.png</video:thumbnail_loc>
      <video:title><![CDATA[Suspended Badge — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A hovering, physics-based badge that dangles and reacts to mouse movement. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/suspended-badge.mp4</video:content_loc>
      <video:publication_date>2026-07-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/pricing-card</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/pricing-card.png</video:thumbnail_loc>
      <video:title><![CDATA[Pricing Card — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A high-conversion pricing tier card with featured states and feature checklists. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/pricing-card.mp4</video:content_loc>
      <video:publication_date>2026-07-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/security-meter</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/security-meter.png</video:thumbnail_loc>
      <video:title><![CDATA[Security Meter — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A dynamic gauge that animates to show password strength or security scores. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/security-meter.mp4</video:content_loc>
      <video:publication_date>2026-07-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/reading-scroll</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/reading-scroll.png</video:thumbnail_loc>
      <video:title><![CDATA[Reading Scroll Indicator — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A subtle progress bar indicating how far the user has scrolled through an article. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/reading-scroll.mp4</video:content_loc>
      <video:publication_date>2026-07-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/sliding-logo-marquee</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/sliding-logo-marquee.png</video:thumbnail_loc>
      <video:title><![CDATA[Logo Marquee — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A smooth scrolling marquee for partner logos. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/sliding-logo-marquee.mp4</video:content_loc>
      <video:publication_date>2026-07-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/expandable-cards</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/expandable-cards.png</video:thumbnail_loc>
      <video:title><![CDATA[Expandable Cards — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Horizontal expand on hover effect with smooth transitions and content reveal. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/expandable-cards.mp4</video:content_loc>
      <video:publication_date>2026-07-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/vertical-expandable-cards</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/vertical-expandable-cards.png</video:thumbnail_loc>
      <video:title><![CDATA[Vertical Expandable Cards — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Vertical expand on hover effect with smooth transitions and content reveal. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/vertical-expandable-cards.mp4</video:content_loc>
      <video:publication_date>2026-07-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/mouse-follower</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/mouse-follower.png</video:thumbnail_loc>
      <video:title><![CDATA[Mouse Follower — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Interactive mouse follow animations with simple and spring-based tracking effects. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/mouse-follower.mp4</video:content_loc>
      <video:publication_date>2026-07-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/sprite-follower</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/sprite-follower.png</video:thumbnail_loc>
      <video:title><![CDATA[Sprite Follower (Oneko) — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A React port of the classic oneko.js sprite follower. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/sprite-follower.mp4</video:content_loc>
      <video:publication_date>2026-08-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/cursor-pet</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/cursor-pet.png</video:thumbnail_loc>
      <video:title><![CDATA[Cursor Pet Follower — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[An interactive pet mouse that follows your cursor and falls asleep when inactive. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/cursor-pet.mp4</video:content_loc>
      <video:publication_date>2026-08-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/perspective-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/perspective-text.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Perspective Hover Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[An interactive text block with 3D perspective tracking and hover rotations. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/perspective-text.mp4</video:content_loc>
      <video:publication_date>2024-12-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/live-notifications</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/live-notifications.png</video:thumbnail_loc>
      <video:title><![CDATA[Live Notifications — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A non-intrusive animated notification badge showing real-time system alerts. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/live-notifications.mp4</video:content_loc>
      <video:publication_date>2026-07-09</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/cursor-trail</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/cursor-trail.png</video:thumbnail_loc>
      <video:title><![CDATA[Cursor Trail — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[An interactive image trail effect that follows your cursor organically. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/cursor-trail.mp4</video:content_loc>
      <video:publication_date>2026-06-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/stacked-cards</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/stacked-cards.png</video:thumbnail_loc>
      <video:title><![CDATA[Stacked Cards — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A visually appealing layout of layered, stacked cards with beautiful hover interactions. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/stacked-cards.mp4</video:content_loc>
      <video:publication_date>2026-04-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/focus-tracker</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/focus-tracker.png</video:thumbnail_loc>
      <video:title><![CDATA[Focus Tracker — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A playful and engaging eye-tracking component that watches the cursor's movement across the screen. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/focus-tracker.mp4</video:content_loc>
      <video:publication_date>2025-12-26</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/progressive-blur</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/progressive-blur.png</video:thumbnail_loc>
      <video:title><![CDATA[Progressive Blur — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Progressive blur effect with smooth gradient transitions. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/progressive-blur.mp4</video:content_loc>
      <video:publication_date>2025-09-30</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/avatar-menu</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/avatar-menu.png</video:thumbnail_loc>
      <video:title><![CDATA[Avatar Menu — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[An interactive dropdown menu triggered by an avatar. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/avatar-menu.mp4</video:content_loc>
      <video:publication_date>2025-11-29</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/activity-rings</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/activity-rings.png</video:thumbnail_loc>
      <video:title><![CDATA[Activity Rings — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Apple-style activity tracking rings with beautiful animated stroke offsets. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/activity-rings.mp4</video:content_loc>
      <video:publication_date>2025-11-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/glassmorphism-card</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/glassmorphism-card.png</video:thumbnail_loc>
      <video:title><![CDATA[Glassmorphism Card — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A stunning glassmorphic media player card with a custom SVG turbulence filter for a liquid effect. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/glassmorphism-card.mp4</video:content_loc>
      <video:publication_date>2026-07-09</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/social-post-card</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/social-post-card.png</video:thumbnail_loc>
      <video:title><![CDATA[Social Post Card — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A sleek, frosted-glass card ideal for social media posts, reviews, or testimonials. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/social-post-card.mp4</video:content_loc>
      <video:publication_date>2026-05-31</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/flipping-card</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/flipping-card.png</video:thumbnail_loc>
      <video:title><![CDATA[Flipping Card — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A 3D-perspective flipping card that reveals content on hover. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/flipping-card.mp4</video:content_loc>
      <video:publication_date>2026-02-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/smooth-drawer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/smooth-drawer.png</video:thumbnail_loc>
      <video:title><![CDATA[Smooth Drawer — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A highly interactive and beautifully animated Smooth Drawer component, engineered with Framer Motion and Tailwind CSS for React.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/smooth-drawer.mp4</video:content_loc>
      <video:publication_date>2026-02-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/file-upload</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/file-upload.png</video:thumbnail_loc>
      <video:title><![CDATA[File Upload — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A highly interactive and beautifully animated File Upload component, engineered with Framer Motion and Tailwind CSS for React.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/file-upload.mp4</video:content_loc>
      <video:publication_date>2026-03-27</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ai-prompt</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ai-prompt.png</video:thumbnail_loc>
      <video:title><![CDATA[Ai Prompt — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A highly interactive and beautifully animated Ai Prompt component, engineered with Framer Motion and Tailwind CSS for React.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ai-prompt.mp4</video:content_loc>
      <video:publication_date>2025-09-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ai-input-search</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ai-input-search.png</video:thumbnail_loc>
      <video:title><![CDATA[Ai Input Search — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A highly interactive and beautifully animated Ai Input Search component, engineered with Framer Motion and Tailwind CSS for React.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ai-input-search.mp4</video:content_loc>
      <video:publication_date>2026-01-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ai-loading</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ai-loading.png</video:thumbnail_loc>
      <video:title><![CDATA[Ai Loading — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A highly interactive and beautifully animated Ai Loading component, engineered with Framer Motion and Tailwind CSS for React.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ai-loading.mp4</video:content_loc>
      <video:publication_date>2026-04-07</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/action-search-bar</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/action-search-bar.png</video:thumbnail_loc>
      <video:title><![CDATA[Action Search Bar — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A highly interactive and beautifully animated Action Search Bar component, engineered with Framer Motion and Tailwind CSS for React.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/action-search-bar.mp4</video:content_loc>
      <video:publication_date>2026-05-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/type-writer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/type-writer.png</video:thumbnail_loc>
      <video:title><![CDATA[Type Writer — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A highly interactive and beautifully animated Type Writer component, engineered with Framer Motion and Tailwind CSS for React.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/type-writer.mp4</video:content_loc>
      <video:publication_date>2025-09-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/sliced-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/sliced-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Sliced Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A highly interactive and beautifully animated Sliced Text component, engineered with Framer Motion and Tailwind CSS for React.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/sliced-text.mp4</video:content_loc>
      <video:publication_date>2026-01-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/attract-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/attract-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Attract Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A highly interactive and beautifully animated Attract Button component, engineered with Framer Motion and Tailwind CSS for React.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/attract-button.mp4</video:content_loc>
      <video:publication_date>2026-05-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/team-directory</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/team-directory.png</video:thumbnail_loc>
      <video:title><![CDATA[Team Directory — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[An expandable directory component with avatar grid, stacked collapse animation, and smooth layout transitions. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/team-directory.mp4</video:content_loc>
      <video:publication_date>2025-10-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/aurora-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/aurora-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Aurora Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A unique aurora text effect delivering an unforgettable interactive experience. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/aurora-text.mp4</video:content_loc>
      <video:publication_date>2026-03-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/focus-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/focus-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Focus Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A smooth focus text effect guaranteed to elevate your application's typography. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/focus-text.mp4</video:content_loc>
      <video:publication_date>2025-12-31</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/focus-word</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/focus-word.png</video:thumbnail_loc>
      <video:title><![CDATA[Focus Word — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A smooth focus text effect where hovering brings individual words into sharp focus. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/focus-word.mp4</video:content_loc>
      <video:publication_date>2026-08-31</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/wave-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/wave-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Mexican Wave Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A sophisticated sweeping energy pulse that ripples across the text, making letters jump and glow sequentially before settling. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready text & typography element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/wave-text.mp4</video:content_loc>
      <video:publication_date>2025-11-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/decoder-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/decoder-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Decoder Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A unique decoder text effect featuring smooth, highly customizable animations. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/decoder-text.mp4</video:content_loc>
      <video:publication_date>2025-08-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/extrude-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/extrude-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Extrude Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A striking extrude text effect guaranteed to elevate your application's typography. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/extrude-text.mp4</video:content_loc>
      <video:publication_date>2025-09-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/flap-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/flap-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Flap Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A creative flap text effect optimized for both light and dark mode interfaces. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/flap-text.mp4</video:content_loc>
      <video:publication_date>2026-06-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/pop-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/pop-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Pop Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A smooth pop text effect delivering an unforgettable interactive experience. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/pop-text.mp4</video:content_loc>
      <video:publication_date>2026-06-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/spotlight-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/spotlight-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Spotlight Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A fluid spotlight text effect built for seamless integration and top-tier performance. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/spotlight-text.mp4</video:content_loc>
      <video:publication_date>2026-07-03</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/elastic-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/elastic-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Elastic Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A elegant elastic text effect that perfectly bridges the gap between design and motion. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/elastic-text.mp4</video:content_loc>
      <video:publication_date>2025-11-09</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/mirror-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/mirror-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Mirror Reflection Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A crisp, elegant floor reflection effect with a fading opacity mask simulating a glossy surface. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready text & typography element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/mirror-text.mp4</video:content_loc>
      <video:publication_date>2026-07-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ransom-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ransom-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Ransom Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A vibrant ransom text effect perfect for hero sections and modern landing pages. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ransom-text.mp4</video:content_loc>
      <video:publication_date>2025-09-11</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/heartbeat-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/heartbeat-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Heartbeat Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A high-performance heartbeat text effect perfect for hero sections and modern landing pages. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/heartbeat-text.mp4</video:content_loc>
      <video:publication_date>2025-12-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/marker-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/marker-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Marker Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A stunning marker text effect that perfectly bridges the gap between design and motion. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/marker-text.mp4</video:content_loc>
      <video:publication_date>2026-01-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/sundial-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/sundial-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Sundial Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A sophisticated sundial text effect optimized for both light and dark mode interfaces. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/sundial-text.mp4</video:content_loc>
      <video:publication_date>2026-06-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/negative-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/negative-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Negative Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A stunning negative text effect optimized for both light and dark mode interfaces. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/negative-text.mp4</video:content_loc>
      <video:publication_date>2026-03-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/foil-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/foil-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Foil Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A captivating foil text effect that perfectly bridges the gap between design and motion. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/foil-text.mp4</video:content_loc>
      <video:publication_date>2025-11-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/kinetic-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/kinetic-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Kinetic Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A fluid kinetic text effect optimized for both light and dark mode interfaces. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/kinetic-text.mp4</video:content_loc>
      <video:publication_date>2025-11-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/magnetic-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/magnetic-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Magnetic Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A unique magnetic text effect that perfectly bridges the gap between design and motion. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/magnetic-text.mp4</video:content_loc>
      <video:publication_date>2026-04-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/iridescent-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/iridescent-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Iridescent Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A fluid iridescent text effect guaranteed to elevate your application's typography. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/iridescent-text.mp4</video:content_loc>
      <video:publication_date>2026-04-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/orbit-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/orbit-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Orbit Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A smooth orbit text effect guaranteed to elevate your application's typography. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/orbit-text.mp4</video:content_loc>
      <video:publication_date>2026-03-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/softblur-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/softblur-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Softblur Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A bold softblur text effect perfect for hero sections and modern landing pages. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/softblur-text.mp4</video:content_loc>
      <video:publication_date>2025-08-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/heatmap-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/heatmap-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Heatmap Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A beautiful heatmap text effect designed to instantly grab user attention. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/heatmap-text.mp4</video:content_loc>
      <video:publication_date>2026-03-29</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/topographic-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/topographic-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Topographic Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Animated, scrolling topographic contour lines seamlessly masked into bold typography for a premium organic feel. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready text & typography element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/topographic-text.mp4</video:content_loc>
      <video:publication_date>2026-02-26</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/duotone-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/duotone-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Duotone Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A premium duotone text effect that brings a premium, professional feel to your UI. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/duotone-text.mp4</video:content_loc>
      <video:publication_date>2026-02-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/glyphrain-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/glyphrain-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Glyphrain Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A polished glyphrain text effect delivering an unforgettable interactive experience. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/glyphrain-text.mp4</video:content_loc>
      <video:publication_date>2025-09-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/dotmatrix-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/dotmatrix-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Dotmatrix Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A elegant dotmatrix text effect designed to instantly grab user attention. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/dotmatrix-text.mp4</video:content_loc>
      <video:publication_date>2025-12-09</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/pendulum-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/pendulum-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Pendulum Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A elegant pendulum text effect that brings a premium, professional feel to your UI. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/pendulum-text.mp4</video:content_loc>
      <video:publication_date>2026-04-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/smoke-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/smoke-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Smoke Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A sophisticated smoke text effect that perfectly bridges the gap between design and motion. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/smoke-text.mp4</video:content_loc>
      <video:publication_date>2025-10-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/eclipse-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/eclipse-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Eclipse Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A elegant eclipse text effect that perfectly bridges the gap between design and motion. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/eclipse-text.mp4</video:content_loc>
      <video:publication_date>2026-06-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/moire-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/moire-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Moire Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A captivating moire text effect built for seamless integration and top-tier performance. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/moire-text.mp4</video:content_loc>
      <video:publication_date>2025-12-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/stamp-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/stamp-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Stamp Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A sleek stamp text effect built for seamless integration and top-tier performance. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/stamp-text.mp4</video:content_loc>
      <video:publication_date>2026-02-15</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/fluid-fill-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/fluid-fill-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Fluid Fill Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A smooth fluid fill text effect that brings a premium, professional feel to your UI. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/fluid-fill-text.mp4</video:content_loc>
      <video:publication_date>2026-02-26</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/hacker-matrix-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/hacker-matrix-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Hacker Matrix Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A sleek hacker matrix text effect optimized for both light and dark mode interfaces. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/hacker-matrix-text.mp4</video:content_loc>
      <video:publication_date>2026-01-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/sliced-glitch-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/sliced-glitch-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Sliced Glitch Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A dynamic sliced glitch text effect that perfectly bridges the gap between design and motion. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/sliced-glitch-text.mp4</video:content_loc>
      <video:publication_date>2025-10-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/cinematic-title-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/cinematic-title-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Cinematic Title Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A smooth cinematic title text effect delivering an unforgettable interactive experience. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/cinematic-title-text.mp4</video:content_loc>
      <video:publication_date>2025-09-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/smokescreen-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/smokescreen-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Smokescreen Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A polished smokescreen text effect guaranteed to elevate your application's typography. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/smokescreen-text.mp4</video:content_loc>
      <video:publication_date>2025-08-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/magnetic-hover-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/magnetic-hover-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Magnetic Hover Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A captivating magnetic hover text effect delivering an unforgettable interactive experience. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/magnetic-hover-text.mp4</video:content_loc>
      <video:publication_date>2026-02-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/neon-flicker-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/neon-flicker-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Neon Flicker Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A dynamic neon flicker text effect designed to instantly grab user attention. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/neon-flicker-text.mp4</video:content_loc>
      <video:publication_date>2026-04-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/strobe-mask-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/strobe-mask-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Strobe Mask Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A high-energy strobe light masking effect that flashes across the text. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/strobe-mask-text.mp4</video:content_loc>
      <video:publication_date>2025-12-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/scrabble-board-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/scrabble-board-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Scrabble Board Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A physical scrabble tile animation that rotates and drops into view. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/scrabble-board-text.mp4</video:content_loc>
      <video:publication_date>2026-05-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/water-ripple-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/water-ripple-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Liquid Wave Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A premium liquid fill animation that dynamically sloshes and fills text with vibrant color while the letters bob in a continuous wave. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready text & typography element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/water-ripple-text.mp4</video:content_loc>
      <video:publication_date>2026-05-31</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/comic-halftone-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/comic-halftone-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Comic Halftone Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A retro comic book style text effect with halftone dotted shadows. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/comic-halftone-text.mp4</video:content_loc>
      <video:publication_date>2026-04-15</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/tectonic-split-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/tectonic-split-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Tectonic Split Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A beautiful tectonic split text effect built for seamless integration and top-tier performance. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/tectonic-split-text.mp4</video:content_loc>
      <video:publication_date>2026-06-30</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/gilded-luxury-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/gilded-luxury-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Gilded Luxury Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A vibrant gilded luxury text effect built for seamless integration and top-tier performance. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/gilded-luxury-text.mp4</video:content_loc>
      <video:publication_date>2026-05-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/paper-cutout-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/paper-cutout-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Paper Cutout Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A realistic 3D stencil effect simulating deep text punched out of paper. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/paper-cutout-text.mp4</video:content_loc>
      <video:publication_date>2025-11-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/retro-led-scroll-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/retro-led-scroll-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Retro LED Scroll Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A classic digital LED dot-matrix marquee seamless scrolling display. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/retro-led-scroll-text.mp4</video:content_loc>
      <video:publication_date>2025-08-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/faulty-neon-tube-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/faulty-neon-tube-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Faulty Neon Tube Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A elegant faulty neon tube text effect guaranteed to elevate your application's typography. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/faulty-neon-tube-text.mp4</video:content_loc>
      <video:publication_date>2026-01-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/molten-lava-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/molten-lava-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Molten Lava Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A modern molten lava text effect guaranteed to elevate your application's typography. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/molten-lava-text.mp4</video:content_loc>
      <video:publication_date>2026-02-11</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/abyss-depth-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/abyss-depth-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Abyss Depth Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A mesmerizing abyss depth text effect perfect for hero sections and modern landing pages. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/abyss-depth-text.mp4</video:content_loc>
      <video:publication_date>2026-01-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/bioluminescent-pulse-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/bioluminescent-pulse-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Bioluminescent Pulse Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A high-performance bioluminescent pulse text effect featuring smooth, highly customizable animations. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/bioluminescent-pulse-text.mp4</video:content_loc>
      <video:publication_date>2026-07-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/origami-fold-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/origami-fold-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Origami Fold Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A 3D paper folding text animation resembling intricate Japanese origami. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/origami-fold-text.mp4</video:content_loc>
      <video:publication_date>2025-11-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/erased-chalk-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/erased-chalk-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Erased Chalk Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A dusty chalkboard text effect with a satisfying erasing wipe animation. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/erased-chalk-text.mp4</video:content_loc>
      <video:publication_date>2026-02-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/cybernetic-block-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/cybernetic-block-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Cybernetic Block Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A sci-fi text reveal using randomized cybernetic block character decoding. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/cybernetic-block-text.mp4</video:content_loc>
      <video:publication_date>2025-11-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/vintage-typewriter-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/vintage-typewriter-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Vintage Typewriter Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A realistic mechanical typewriter animation that strikes each letter onto the page with varied rotation, opacity, and spring physics. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready text & typography element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/vintage-typewriter-text.mp4</video:content_loc>
      <video:publication_date>2026-04-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/polygonal-shatter-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/polygonal-shatter-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Polygonal Shatter Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A dramatic text animation where letters shatter into 3D geometric polygons. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/polygonal-shatter-text.mp4</video:content_loc>
      <video:publication_date>2026-02-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/infrared-vision-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/infrared-vision-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Infrared Vision Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A heat-map style text effect simulating an infrared thermal vision camera. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/infrared-vision-text.mp4</video:content_loc>
      <video:publication_date>2025-11-09</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/cinematic-subtitle-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/cinematic-subtitle-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Cinematic Subtitle Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A dramatic, slow-fade subtitle reveal perfect for cinematic intro sequences. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/cinematic-subtitle-text.mp4</video:content_loc>
      <video:publication_date>2026-06-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/cosmic-stardust-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/cosmic-stardust-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Cosmic Stardust Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A magical text effect made of shimmering, floating cosmic stardust particles. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/cosmic-stardust-text.mp4</video:content_loc>
      <video:publication_date>2025-10-31</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/sand-drift-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/sand-drift-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Sand Drift Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Letters cascade down and settle like sand particles drifting through the air. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/sand-drift-text.mp4</video:content_loc>
      <video:publication_date>2025-09-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/whirlpool-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/whirlpool-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Whirlpool Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Letters spiral in from a wide rotating arc like debris caught in a whirlpool vortex. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/whirlpool-text.mp4</video:content_loc>
      <video:publication_date>2026-04-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/freeze-frame-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/freeze-frame-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Freeze Frame Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Letters explode in large and bright then snap to a hard stop with a shutter-flash border. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/freeze-frame-text.mp4</video:content_loc>
      <video:publication_date>2026-05-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/rippling-silk-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/rippling-silk-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Rippling Silk Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Letters flow and flutter in a soft organic wave like silk cloth caught in a gentle breeze. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/rippling-silk-text.mp4</video:content_loc>
      <video:publication_date>2026-06-07</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/wax-seal-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/wax-seal-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Wax Seal Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Letters are pressed into view like a stamp punched into hot red sealing wax. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/wax-seal-text.mp4</video:content_loc>
      <video:publication_date>2025-09-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/seismic-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/seismic-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Seismic Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[All letters continuously tremble and vibrate independently like seismic activity. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/seismic-text.mp4</video:content_loc>
      <video:publication_date>2026-01-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/dew-drop-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/dew-drop-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Dew Drop Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Letters drip down from above into position with a delicate liquid splash on landing. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/dew-drop-text.mp4</video:content_loc>
      <video:publication_date>2026-07-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/kaleidoscope-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/kaleidoscope-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Kaleidoscope Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Letters bloom with a rotating spin and continuously cycle through a vivid rainbow gradient. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/kaleidoscope-text.mp4</video:content_loc>
      <video:publication_date>2025-11-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/burn-in-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/burn-in-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Burn-In Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Letters ignite with an intense fire glow then slowly cool down and settle into their final state. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/burn-in-text.mp4</video:content_loc>
      <video:publication_date>2025-11-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/slingshot-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/slingshot-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Slingshot Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Letters are launched from far left and flung into position as if released from a slingshot. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/slingshot-text.mp4</video:content_loc>
      <video:publication_date>2026-05-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/crystal-growth-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/crystal-growth-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Crystal Growth Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Letters crystallize upwards with a shimmering faceted ice finish like frost forming on glass. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/crystal-growth-text.mp4</video:content_loc>
      <video:publication_date>2026-07-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/paper-tear-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/paper-tear-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Paper Tear Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Letters rip into place with a jagged edge and a tearing motion like newspaper being torn. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/paper-tear-text.mp4</video:content_loc>
      <video:publication_date>2025-11-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/stencil-spray-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/stencil-spray-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Stencil Spray Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Letters materialize from out-of-focus spray paint mist and sharpen into bold stencil art. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/stencil-spray-text.mp4</video:content_loc>
      <video:publication_date>2026-02-11</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/liquid-mercury-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/liquid-mercury-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Liquid Mercury Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover melts letters into shimmering silver metallic puddles that drip and pool. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/liquid-mercury-text.mp4</video:content_loc>
      <video:publication_date>2025-12-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/gravity-flip-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/gravity-flip-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Gravity Flip Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover flips all letters upside down with a 3D staggered gravity wobble effect. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/gravity-flip-text.mp4</video:content_loc>
      <video:publication_date>2026-03-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ink-bleed-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ink-bleed-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Ink Bleed Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover causes letters to bleed and spread outward like wet ink saturating paper. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ink-bleed-text.mp4</video:content_loc>
      <video:publication_date>2025-11-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ghost-possession-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ghost-possession-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Ghost Possession Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover makes translucent ghost copies rise out of each letter and float above. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ghost-possession-text.mp4</video:content_loc>
      <video:publication_date>2025-12-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/neon-surge-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/neon-surge-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Neon Surge Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover triggers a blazing electric neon surge wave that races across each letter. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/neon-surge-text.mp4</video:content_loc>
      <video:publication_date>2026-03-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/split-reveal-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/split-reveal-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Split Reveal Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover splits each letter apart vertically, revealing a vivid gradient version beneath. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/split-reveal-text.mp4</video:content_loc>
      <video:publication_date>2025-11-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/shatter-explode-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/shatter-explode-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Shatter Explode Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover explodes letters in all directions; mouse-leave snaps them back with a springy reassembly. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/shatter-explode-text.mp4</video:content_loc>
      <video:publication_date>2025-09-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/chrome-shine-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/chrome-shine-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Chrome Shine Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover sweeps a brilliant chrome highlight reflection across polished metallic letters. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/chrome-shine-text.mp4</video:content_loc>
      <video:publication_date>2025-10-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/stack-depth-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/stack-depth-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Stack Depth Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover lifts letters to reveal a deep, layered 3D stacked shadow beneath each character. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/stack-depth-text.mp4</video:content_loc>
      <video:publication_date>2026-06-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/domino-fall-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/domino-fall-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Domino Fall Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover causes letters to sequentially tip over like falling dominos in 3D. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/domino-fall-text.mp4</video:content_loc>
      <video:publication_date>2025-11-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/blackhole-suck-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/blackhole-suck-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Blackhole Suck Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover violently collapses all letters into a single glowing point in the center. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/blackhole-suck-text.mp4</video:content_loc>
      <video:publication_date>2026-06-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/glitch-jitter-hover-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/glitch-jitter-hover-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Glitch Jitter Hover Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover causes extreme, violent displacement glitches and RGB color split. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/glitch-jitter-hover-text.mp4</video:content_loc>
      <video:publication_date>2026-04-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/decay-rust-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/decay-rust-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Decay Rust Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover eats away at the letters, revealing a rusty, decayed texture underneath. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/decay-rust-text.mp4</video:content_loc>
      <video:publication_date>2025-08-31</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/card-flip-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/card-flip-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Card Flip Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover does a 3D card flip of each letter to reveal a vivid gradient pattern on the back. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/card-flip-text.mp4</video:content_loc>
      <video:publication_date>2026-04-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/squash-bounce-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/squash-bounce-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Squash Bounce Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover squashes letters flat before they bounce back up violently. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/squash-bounce-text.mp4</video:content_loc>
      <video:publication_date>2026-06-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/laser-burn-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/laser-burn-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Laser Burn Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover strikes a horizontal laser line through the middle that burns the text dark. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/laser-burn-text.mp4</video:content_loc>
      <video:publication_date>2026-06-15</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/barcode-morph-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/barcode-morph-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Barcode Morph Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover squishes letters horizontally into tight lines resembling a barcode. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/barcode-morph-text.mp4</video:content_loc>
      <video:publication_date>2025-10-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/stretch-distortion-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/stretch-distortion-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Stretch Distortion Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover stretches letters extremely tall and thin with a rubbery, elastic ease. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/stretch-distortion-text.mp4</video:content_loc>
      <video:publication_date>2026-01-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/peel-off-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/peel-off-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Peel Off Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover makes letters curl and peel away like stickers falling off in 3D. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/peel-off-text.mp4</video:content_loc>
      <video:publication_date>2025-12-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/hollow-neon-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/hollow-neon-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Hollow Neon Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover removes the solid fill and leaves a glowing neon stroke tracing the letters. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/hollow-neon-text.mp4</video:content_loc>
      <video:publication_date>2026-05-29</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/magnet-toss-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/magnet-toss-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Magnet Toss Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover violently tosses letters around in 3D space, mouse leave snaps them back. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/magnet-toss-text.mp4</video:content_loc>
      <video:publication_date>2026-05-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/smudge-wipe-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/smudge-wipe-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Smudge Wipe Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover smudges letters heavily to the right using a directional blur, like wiping wet paint. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/smudge-wipe-text.mp4</video:content_loc>
      <video:publication_date>2025-12-30</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/jelly-wiggle-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/jelly-wiggle-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Jelly Wiggle Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover makes letters wiggle like gelatin with extreme, comical springy elasticity. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/jelly-wiggle-text.mp4</video:content_loc>
      <video:publication_date>2026-04-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/vaporize-shadow-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/vaporize-shadow-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Vaporize Shadow Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover dissolves letters upward into smoke-like drifting text shadows. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/vaporize-shadow-text.mp4</video:content_loc>
      <video:publication_date>2026-04-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/color-block-sweep-text</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/color-block-sweep-text.png</video:thumbnail_loc>
      <video:title><![CDATA[Color Block Sweep Text — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hover sweeps a solid block of color behind the text while the text inverts color instantly. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/color-block-sweep-text.mp4</video:content_loc>
      <video:publication_date>2025-12-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ring-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ring-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[RingLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A minimalist circular ring spinning indefinitely. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ring-loader.mp4</video:content_loc>
      <video:publication_date>2026-02-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/core-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/core-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[CoreLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[An animated core pulsing with a glowing central dot. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/core-loader.mp4</video:content_loc>
      <video:publication_date>2025-12-07</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/dots-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/dots-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[DotsLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Three classic dots bouncing rhythmically. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/dots-loader.mp4</video:content_loc>
      <video:publication_date>2026-02-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/bars-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/bars-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[BarsLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Vertical equalizer bars animating in a wave pattern. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/bars-loader.mp4</video:content_loc>
      <video:publication_date>2026-06-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/dual-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/dual-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[DualLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Two interlocking rings chasing each other. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/dual-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/sweep-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/sweep-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[SweepLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A sweeping radar-like arc tracing a circle. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/sweep-loader.mp4</video:content_loc>
      <video:publication_date>2026-04-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/orbit-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/orbit-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[OrbitLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Planetary dots orbiting around a central mass. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/orbit-loader.mp4</video:content_loc>
      <video:publication_date>2025-08-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/flip-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/flip-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[FlipLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A 3D plane flipping smoothly on its axis. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/flip-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/cells-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/cells-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[CellsLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A grid of cells lighting up sequentially. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/cells-loader.mp4</video:content_loc>
      <video:publication_date>2026-03-07</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/type-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/type-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[TypeLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A blinking cursor typing out a loading sequence. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/type-loader.mp4</video:content_loc>
      <video:publication_date>2025-11-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/chev-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/chev-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[ChevLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Chevron arrows shifting forward in a line. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/chev-loader.mp4</video:content_loc>
      <video:publication_date>2025-12-31</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/echo-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/echo-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[EchoLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Concentric rings expanding and echoing outward. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/echo-loader.mp4</video:content_loc>
      <video:publication_date>2026-06-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/comet-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/comet-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[CometLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A shooting comet leaving a fading trail behind. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/comet-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-29</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/wave-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/wave-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[WaveLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A smooth sine wave undulating across the screen. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/wave-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/quad-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/quad-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[QuadLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Four geometric squares rotating together. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/quad-loader.mp4</video:content_loc>
      <video:publication_date>2025-11-07</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/pendulum-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/pendulum-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[PendulumLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A swinging pendulum tracing a physical arc. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/pendulum-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/stack-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/stack-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[StackLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Blocks stacking on top of each other repetitively. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/stack-loader.mp4</video:content_loc>
      <video:publication_date>2025-10-03</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/stairs-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/stairs-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[StairsLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A bouncing ball hopping up a set of stairs. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/stairs-loader.mp4</video:content_loc>
      <video:publication_date>2026-06-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/morph-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/morph-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[MorphLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A fluid shape seamlessly morphing its geometry. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/morph-loader.mp4</video:content_loc>
      <video:publication_date>2026-04-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/radar-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/radar-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[RadarLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A classic radar scanner sweeping in a full circle. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/radar-loader.mp4</video:content_loc>
      <video:publication_date>2025-12-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/metro-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/metro-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[MetroLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A linear transport line resembling a subway map. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/metro-loader.mp4</video:content_loc>
      <video:publication_date>2025-12-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/clock-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/clock-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[ClockLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A ticking clock face indicating passage of time. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/clock-loader.mp4</video:content_loc>
      <video:publication_date>2026-04-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ball-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ball-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[BallLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A single bouncing ball with a realistic shadow. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ball-loader.mp4</video:content_loc>
      <video:publication_date>2025-12-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/cursor-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/cursor-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[CursorLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A digital mouse cursor clicking and processing. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/cursor-loader.mp4</video:content_loc>
      <video:publication_date>2026-05-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/spiral-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/spiral-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[SpiralLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A hypnotic spiral drawing itself inward. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/spiral-loader.mp4</video:content_loc>
      <video:publication_date>2025-08-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/segments-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/segments-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[SegmentsLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A segmented circle lighting up piece by piece. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/segments-loader.mp4</video:content_loc>
      <video:publication_date>2025-08-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/swap-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/swap-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[SwapLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Two elements smoothly swapping positions. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/swap-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/heart-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/heart-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[HeartLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A beating heart animation for emotional loading states. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/heart-loader.mp4</video:content_loc>
      <video:publication_date>2026-03-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/zigzag-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/zigzag-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[ZigzagLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A sharp zigzag line drawn continuously. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/zigzag-loader.mp4</video:content_loc>
      <video:publication_date>2025-09-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/twins-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/twins-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[TwinsLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Twin shapes orbiting a shared invisible center. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/twins-loader.mp4</video:content_loc>
      <video:publication_date>2026-05-15</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/scan-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/scan-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[ScanLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A horizontal laser beam scanning top to bottom. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/scan-loader.mp4</video:content_loc>
      <video:publication_date>2026-06-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/perimeter-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/perimeter-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[PerimeterLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A dot tracing the exact perimeter of a box. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/perimeter-loader.mp4</video:content_loc>
      <video:publication_date>2025-09-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/blink-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/blink-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[BlinkLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A sharp, eye-catching blinking indicator. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/blink-loader.mp4</video:content_loc>
      <video:publication_date>2025-10-09</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/binary-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/binary-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[BinaryLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[0s and 1s shifting in a digital binary sequence. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/binary-loader.mp4</video:content_loc>
      <video:publication_date>2025-09-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/shimmer-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/shimmer-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[ShimmerLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A beautiful light shimmer passing over a surface. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/shimmer-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/trio-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/trio-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[TrioLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A trio of dots playing a synchronized dance. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/trio-loader.mp4</video:content_loc>
      <video:publication_date>2026-02-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/photon-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/photon-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[PhotonLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[High-speed photons traveling in a circular beam. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/photon-loader.mp4</video:content_loc>
      <video:publication_date>2026-04-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/coin-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/coin-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[CoinLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A metallic coin flipping perfectly in 3D. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/coin-loader.mp4</video:content_loc>
      <video:publication_date>2025-10-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/squish-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/squish-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[SquishLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A soft block squishing and expanding elastically. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/squish-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/carousel-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/carousel-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[CarouselLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A 3D carousel rotating items in perspective. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/carousel-loader.mp4</video:content_loc>
      <video:publication_date>2026-06-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/typing-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/typing-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[TypingLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[The classic three typing ellipses jumping up. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/typing-loader.mp4</video:content_loc>
      <video:publication_date>2025-10-27</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/barber-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/barber-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[BarberLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A barber pole with diagonal stripes sliding. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/barber-loader.mp4</video:content_loc>
      <video:publication_date>2025-08-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/atom-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/atom-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[AtomLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Electrons orbiting a central atomic nucleus. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/atom-loader.mp4</video:content_loc>
      <video:publication_date>2025-12-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/glitch-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/glitch-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[GlitchLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A cyberpunk-style text glitching and shifting. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/glitch-loader.mp4</video:content_loc>
      <video:publication_date>2026-03-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/fill-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/fill-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[FillLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A hollow container slowly filling with liquid. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/fill-loader.mp4</video:content_loc>
      <video:publication_date>2025-09-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/dashspin-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/dashspin-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[DashspinLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A dashed circle spinning rapidly on its edge. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/dashspin-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/finder-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/finder-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[FinderLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A magnifying glass searching side to side. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/finder-loader.mp4</video:content_loc>
      <video:publication_date>2026-03-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/reticle-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/reticle-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[ReticleLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A sniper-style targeting reticle zooming in. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/reticle-loader.mp4</video:content_loc>
      <video:publication_date>2025-11-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/cards-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/cards-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[CardsLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A deck of cards shuffling back and forth. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/cards-loader.mp4</video:content_loc>
      <video:publication_date>2026-03-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/worm-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/worm-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[WormLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A crawling worm stretching and pulling itself. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/worm-loader.mp4</video:content_loc>
      <video:publication_date>2026-04-15</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/pixel-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/pixel-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[PixelLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[An 8-bit retro pixel block transforming. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/pixel-loader.mp4</video:content_loc>
      <video:publication_date>2026-02-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/newton-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/newton-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[NewtonLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Newton's cradle swinging balls transferring momentum. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/newton-loader.mp4</video:content_loc>
      <video:publication_date>2025-09-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/domino-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/domino-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[DominoLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A line of dominoes falling and resetting. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/domino-loader.mp4</video:content_loc>
      <video:publication_date>2025-12-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/windmill-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/windmill-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[WindmillLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A four-blade windmill spinning smoothly. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/windmill-loader.mp4</video:content_loc>
      <video:publication_date>2026-06-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ferris-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ferris-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[FerrisLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A large ferris wheel rotating gracefully. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ferris-loader.mp4</video:content_loc>
      <video:publication_date>2025-11-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/hourglass-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/hourglass-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[HourglassLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A classic sand hourglass flipping over. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/hourglass-loader.mp4</video:content_loc>
      <video:publication_date>2025-09-30</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/traffic-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/traffic-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[TrafficLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Traffic lights shifting from red to yellow to green. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/traffic-loader.mp4</video:content_loc>
      <video:publication_date>2026-04-11</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/breathe-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/breathe-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[BreatheLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A calming, meditative breathing circle. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/breathe-loader.mp4</video:content_loc>
      <video:publication_date>2026-03-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/cellular-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/cellular-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[CellularLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Cellular mitosis splitting and reforming. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/cellular-loader.mp4</video:content_loc>
      <video:publication_date>2025-11-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/tetris-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/tetris-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[TetrisLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Classic Tetris blocks dropping and clearing. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/tetris-loader.mp4</video:content_loc>
      <video:publication_date>2026-05-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/marquee-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/marquee-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[MarqueeLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A scrolling text marquee looping continuously. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/marquee-loader.mp4</video:content_loc>
      <video:publication_date>2026-04-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/counter-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/counter-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[CounterLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A digital counter ticking up rapidly. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/counter-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/pie-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/pie-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[PieLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A pie chart filling up slice by slice. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/pie-loader.mp4</video:content_loc>
      <video:publication_date>2025-12-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/halo-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/halo-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[HaloLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A glowing angelic halo floating vertically. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/halo-loader.mp4</video:content_loc>
      <video:publication_date>2026-03-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/quarters-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/quarters-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[QuartersLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Four quarters of a circle spinning independently. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/quarters-loader.mp4</video:content_loc>
      <video:publication_date>2025-12-30</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/metronome-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/metronome-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[MetronomeLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A precise metronome ticking back and forth. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/metronome-loader.mp4</video:content_loc>
      <video:publication_date>2025-09-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/fold-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/fold-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[FoldLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Origami-style paper folding onto itself. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/fold-loader.mp4</video:content_loc>
      <video:publication_date>2025-09-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/eclipse-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/eclipse-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[EclipseLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A solar eclipse shadow passing over a sphere. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/eclipse-loader.mp4</video:content_loc>
      <video:publication_date>2026-04-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/rain-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/rain-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[RainLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Digital raindrops falling from the sky. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/rain-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ascii-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ascii-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[AsciiLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A retro ASCII character loading animation. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ascii-loader.mp4</video:content_loc>
      <video:publication_date>2025-11-26</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/dna-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/dna-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[DnaLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A double helix DNA strand twisting in 3D. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/dna-loader.mp4</video:content_loc>
      <video:publication_date>2026-07-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/gear-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/gear-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[GearLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Mechanical interlocking gears grinding together. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/gear-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-15</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/bubble-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/bubble-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[BubbleLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Soap bubbles floating and popping. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/bubble-loader.mp4</video:content_loc>
      <video:publication_date>2025-12-26</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/firework-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/firework-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[FireworkLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A vibrant firework bursting and fading. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/firework-loader.mp4</video:content_loc>
      <video:publication_date>2026-03-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/slide-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/slide-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[SlideLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A sliding puzzle block shifting places. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/slide-loader.mp4</video:content_loc>
      <video:publication_date>2026-03-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/wifi-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/wifi-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[WifiLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[WiFi signal arcs broadcasting outward. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/wifi-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/battery-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/battery-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[BatteryLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A battery indicator charging to 100%. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/battery-loader.mp4</video:content_loc>
      <video:publication_date>2026-02-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/trail-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/trail-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[TrailLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A shooting star leaving a fading light trail. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/trail-loader.mp4</video:content_loc>
      <video:publication_date>2025-10-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/wobble-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/wobble-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[WobbleLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A jelly-like sphere wobbling on impact. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/wobble-loader.mp4</video:content_loc>
      <video:publication_date>2026-04-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/magnet-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/magnet-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[MagnetLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A horseshoe magnet attracting particles. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/magnet-loader.mp4</video:content_loc>
      <video:publication_date>2026-06-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/cascade-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/cascade-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[CascadeLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A cascading waterfall of sequential blocks. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/cascade-loader.mp4</video:content_loc>
      <video:publication_date>2025-09-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/roller-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/roller-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[RollerLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A heavy paint roller coating a surface. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/roller-loader.mp4</video:content_loc>
      <video:publication_date>2026-03-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/dial-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/dial-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[DialLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A rotary dial turning to a selection. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/dial-loader.mp4</video:content_loc>
      <video:publication_date>2026-04-30</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/iris-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/iris-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[IrisLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A camera aperture iris opening and closing. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/iris-loader.mp4</video:content_loc>
      <video:publication_date>2025-12-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/pong-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/pong-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[PongLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A nostalgic game of retro pong bouncing. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/pong-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/frame-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/frame-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[FrameLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A picture frame drawing its own borders. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/frame-loader.mp4</video:content_loc>
      <video:publication_date>2025-10-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/hexa-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/hexa-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[HexaLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A futuristic hexagon mesh animating. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/hexa-loader.mp4</video:content_loc>
      <video:publication_date>2026-07-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/tri-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/tri-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[TriLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[An impossible Penrose triangle illusion. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/tri-loader.mp4</video:content_loc>
      <video:publication_date>2026-05-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/blinds-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/blinds-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[BlindsLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Window blinds opening and shutting smoothly. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/blinds-loader.mp4</video:content_loc>
      <video:publication_date>2025-12-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/gyro-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/gyro-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[GyroLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A 3D gyroscope spinning on multiple axes. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/gyro-loader.mp4</video:content_loc>
      <video:publication_date>2026-02-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/spark-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/spark-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[SparkLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[An electric spark arcing between nodes. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/spark-loader.mp4</video:content_loc>
      <video:publication_date>2025-10-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/tally-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/tally-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[TallyLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Tally marks being drawn to count progress. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/tally-loader.mp4</video:content_loc>
      <video:publication_date>2025-09-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/drip-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/drip-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[DripLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A slow, viscous liquid dripping downwards. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/drip-loader.mp4</video:content_loc>
      <video:publication_date>2026-04-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/compass-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/compass-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[CompassLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A magnetic compass needle seeking north. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/compass-loader.mp4</video:content_loc>
      <video:publication_date>2025-10-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/cornerdots-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/cornerdots-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[CornerdotsLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Four dots bouncing perfectly in the corners. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/cornerdots-loader.mp4</video:content_loc>
      <video:publication_date>2025-08-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ticks-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ticks-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[TicksLoader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A clock face of ticks illuminating clockwise. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ticks-loader.mp4</video:content_loc>
      <video:publication_date>2026-02-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/gooey-merge-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/gooey-merge-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Gooey Merge Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Two liquid drops merging together with a gooey physics effect. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/gooey-merge-loader.mp4</video:content_loc>
      <video:publication_date>2025-10-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/laser-slice-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/laser-slice-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Laser Slice Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A sharp laser beam slicing through a geometric shape. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/laser-slice-loader.mp4</video:content_loc>
      <video:publication_date>2026-04-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/cube-flip-3d-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/cube-flip-3d-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Cube Flip 3D Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A three-dimensional cube tumbling end-over-end in space. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/cube-flip-3d-loader.mp4</video:content_loc>
      <video:publication_date>2026-07-07</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/hypnotic-dashes-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/hypnotic-dashes-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Hypnotic Dashes Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Concentric rings of dashed lines spinning hypnotically. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/hypnotic-dashes-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/bouncing-dvd-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/bouncing-dvd-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Bouncing DVD Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[The nostalgic DVD logo bouncing off the corner of the screen. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/bouncing-dvd-loader.mp4</video:content_loc>
      <video:publication_date>2026-05-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/spring-coil-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/spring-coil-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Spring Coil Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A 3D spring coiling and uncoiling dynamically. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/spring-coil-loader.mp4</video:content_loc>
      <video:publication_date>2025-11-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/code-tag-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/code-tag-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Code Tag Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Developer-themed HTML code brackets typing and closing. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/code-tag-loader.mp4</video:content_loc>
      <video:publication_date>2026-06-26</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/rubiks-shuffle-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/rubiks-shuffle-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Rubiks Shuffle Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A scrambled Rubik's cube twisting its layers. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/rubiks-shuffle-loader.mp4</video:content_loc>
      <video:publication_date>2026-02-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/blackhole-warp-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/blackhole-warp-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Blackhole Warp Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A singularity warping and pulling light inwards. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/blackhole-warp-loader.mp4</video:content_loc>
      <video:publication_date>2026-05-07</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/scanner-ray-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/scanner-ray-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Scanner Ray Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A flatbed scanner laser sweeping across a document. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/scanner-ray-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/orbiting-asteroids-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/orbiting-asteroids-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Orbiting Asteroids Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A cluster of asteroid particles orbiting a massive body. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/orbiting-asteroids-loader.mp4</video:content_loc>
      <video:publication_date>2026-05-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/origami-fold-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/origami-fold-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Origami Fold Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A flat piece of digital paper folding into a 3D swan. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/origami-fold-loader.mp4</video:content_loc>
      <video:publication_date>2025-12-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/unzipping-split-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/unzipping-split-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Unzipping Split Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A zipper mechanically unzipping the loader down the middle. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/unzipping-split-loader.mp4</video:content_loc>
      <video:publication_date>2026-04-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ghost-wave-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ghost-wave-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Ghost Wave Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A spooky, translucent wave hovering and shifting. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ghost-wave-loader.mp4</video:content_loc>
      <video:publication_date>2026-05-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/piano-keys-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/piano-keys-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Piano Keys Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Classical piano keys depressing in a rhythmic melody. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/piano-keys-loader.mp4</video:content_loc>
      <video:publication_date>2026-06-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/geometric-morph-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/geometric-morph-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Geometric Morph Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A polygon smoothly morphing between a triangle, square, and circle. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/geometric-morph-loader.mp4</video:content_loc>
      <video:publication_date>2026-03-09</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/juggling-dots-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/juggling-dots-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Juggling Dots Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Three dots being juggled perfectly in the air. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/juggling-dots-loader.mp4</video:content_loc>
      <video:publication_date>2025-12-26</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/slime-drip-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/slime-drip-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Slime Drip Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A radioactive neon slime slowly dripping down. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/slime-drip-loader.mp4</video:content_loc>
      <video:publication_date>2025-10-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/radar-sweep-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/radar-sweep-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Radar Sweep Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A military-grade radar sweeping a 360-degree sector. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/radar-sweep-loader.mp4</video:content_loc>
      <video:publication_date>2025-09-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/paper-plane-dart-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/paper-plane-dart-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Paper Plane Dart Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A paper airplane darting around in a chaotic flight path. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/paper-plane-dart-loader.mp4</video:content_loc>
      <video:publication_date>2025-11-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/magnetic-pull-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/magnetic-pull-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Magnetic Pull Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A square and a circle violently attract and merge into a pill shape before breaking apart. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/magnetic-pull-loader.mp4</video:content_loc>
      <video:publication_date>2025-09-29</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/equalizer-3d-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/equalizer-3d-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Equalizer 3D — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A row of vertical bars that bounce up and down with isometric 3D skewing. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/equalizer-3d-loader.mp4</video:content_loc>
      <video:publication_date>2025-11-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/shuriken-spin-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/shuriken-spin-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Shuriken Spin Loader — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A ninja star shape that spins incredibly fast with an alternating blur to simulate motion blur. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/shuriken-spin-loader.mp4</video:content_loc>
      <video:publication_date>2025-08-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/loading-tube-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/loading-tube-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Loading Tube — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A futuristic sci-fi glass tube filling with neon energy. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/loading-tube-loader.mp4</video:content_loc>
      <video:publication_date>2026-06-11</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/glitch-text-box-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/glitch-text-box-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Glitch Text Box — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A cyberpunk glitching text box suffering digital interference. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/glitch-text-box-loader.mp4</video:content_loc>
      <video:publication_date>2026-05-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ping-pong-bounce-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ping-pong-bounce-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Ping Pong Bounce — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[An intense ping-pong match bouncing rapidly between paddles. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ping-pong-bounce-loader.mp4</video:content_loc>
      <video:publication_date>2026-07-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/chameleon-dot-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/chameleon-dot-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Chameleon Dot — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A clever dot that changes its color to blend with its surroundings. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/chameleon-dot-loader.mp4</video:content_loc>
      <video:publication_date>2025-09-26</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/infinity-trace-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/infinity-trace-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Infinity Trace — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A mesmerizing neon line tracing an infinite loop in 3D. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/infinity-trace-loader.mp4</video:content_loc>
      <video:publication_date>2025-09-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/book-page-flip-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/book-page-flip-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Book Page Flip — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[The pages of an ancient book flipping over endlessly. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/book-page-flip-loader.mp4</video:content_loc>
      <video:publication_date>2025-11-27</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/pulsing-beacon-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/pulsing-beacon-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Pulsing Beacon — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A high-tech distress beacon pulsing a warning signal. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/pulsing-beacon-loader.mp4</video:content_loc>
      <video:publication_date>2026-04-09</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/3d-pulse-rings-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/3d-pulse-rings-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Pulse Rings — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A set of 3D pulsating rings. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/3d-pulse-rings-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/liquid-morph-blob-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/liquid-morph-blob-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Liquid Morph Blob — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A highly trendy amorphous glassmorphism blob that smoothly morphs its shape while rotating. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/liquid-morph-blob-loader.mp4</video:content_loc>
      <video:publication_date>2025-11-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/grid-wave-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/grid-wave-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Grid Wave — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A satisfying 3x3 geometric grid that scales up and down in a diagonal wave pattern. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/grid-wave-loader.mp4</video:content_loc>
      <video:publication_date>2026-04-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/meteor-shower-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/meteor-shower-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Meteor Shower — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Intense diagonal light streaks rapidly falling through a masked container. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/meteor-shower-loader.mp4</video:content_loc>
      <video:publication_date>2026-05-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/hex-pulse-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/hex-pulse-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Hex Pulse — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A futuristic glowing hexagon that throbs and pulses outwards. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/hex-pulse-loader.mp4</video:content_loc>
      <video:publication_date>2025-10-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/classic-progress-bar-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/classic-progress-bar-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Classic Progress Bar — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A simple, smooth-filling progress bar. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/classic-progress-bar-loader.mp4</video:content_loc>
      <video:publication_date>2026-04-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/stepped-progress-block-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/stepped-progress-block-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Stepped Progress Block — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A progress bar that fills in discrete block increments. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/stepped-progress-block-loader.mp4</video:content_loc>
      <video:publication_date>2025-10-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/gradient-sweep-progress-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/gradient-sweep-progress-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Gradient Sweep Progress — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A loading bar with a sweeping color gradient. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/gradient-sweep-progress-loader.mp4</video:content_loc>
      <video:publication_date>2026-03-15</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/dashed-progress-line-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/dashed-progress-line-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Dashed Progress Line — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A segmented line that lights up as progress advances. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/dashed-progress-line-loader.mp4</video:content_loc>
      <video:publication_date>2025-11-11</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/pulsing-progress-track-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/pulsing-progress-track-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Pulsing Progress Track — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A progress indicator with a rhythmic pulse effect. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/pulsing-progress-track-loader.mp4</video:content_loc>
      <video:publication_date>2026-06-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/liquid-fill-bar-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/liquid-fill-bar-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Liquid Fill Bar — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A progress bar that appears to fill with a liquid animation. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/liquid-fill-bar-loader.mp4</video:content_loc>
      <video:publication_date>2026-06-09</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/neon-glow-progress-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/neon-glow-progress-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Neon Glow Progress — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A glowing bar that expands horizontally. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/neon-glow-progress-loader.mp4</video:content_loc>
      <video:publication_date>2026-05-27</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/retro-loading-bar-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/retro-loading-bar-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Retro Loading Bar — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A chunky, retro-style progress indicator. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/retro-loading-bar-loader.mp4</video:content_loc>
      <video:publication_date>2026-03-30</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/minimalist-progress-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/minimalist-progress-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Minimalist Progress — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[An ultra-thin, sleek line progress loader. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/minimalist-progress-loader.mp4</video:content_loc>
      <video:publication_date>2026-06-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/stacked-progress-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/stacked-progress-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Stacked Progress — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Multiple layers filling up to indicate loading status. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/stacked-progress-loader.mp4</video:content_loc>
      <video:publication_date>2025-11-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/jelly-wobble-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/jelly-wobble-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Jelly Wobble — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A soft, jelly-like shape that wobbles back and forth. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/jelly-wobble-loader.mp4</video:content_loc>
      <video:publication_date>2025-10-11</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/elastic-bounce-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/elastic-bounce-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Elastic Bounce — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A shape that stretches and snaps back elastically. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/elastic-bounce-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-26</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/pendulum-swing-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/pendulum-swing-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Pendulum Swing — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A swinging pendulum motion with a slight wobble. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/pendulum-swing-loader.mp4</video:content_loc>
      <video:publication_date>2026-06-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/spring-wobble-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/spring-wobble-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Spring Wobble — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A tight, springy oscillation animation. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/spring-wobble-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/fluid-wobble-drop-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/fluid-wobble-drop-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Fluid Wobble Drop — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A liquid droplet that wobbles as it falls. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/fluid-wobble-drop-loader.mp4</video:content_loc>
      <video:publication_date>2025-12-30</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/erratic-shake-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/erratic-shake-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Erratic Shake — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A fast, chaotic wobbling motion. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/erratic-shake-loader.mp4</video:content_loc>
      <video:publication_date>2025-08-11</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/gentle-sway-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/gentle-sway-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Gentle Sway — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A slow, calming wobbling side-to-side. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/gentle-sway-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-27</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/rubber-band-snap-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/rubber-band-snap-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Rubber Band Snap — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A sharp wobble mimicking a plucked rubber band. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/rubber-band-snap-loader.mp4</video:content_loc>
      <video:publication_date>2025-09-29</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/magnetic-wobble-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/magnetic-wobble-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Magnetic Wobble — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Objects wobbling as if pulled by a magnetic field. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/magnetic-wobble-loader.mp4</video:content_loc>
      <video:publication_date>2026-04-15</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/wobbling-pulse-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/wobbling-pulse-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Wobbling Pulse — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A shape that pulses while wobbling simultaneously. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/wobbling-pulse-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/isometric-tumble-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/isometric-tumble-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Isometric Tumble — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A 3D object tumbling through isometric space. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/isometric-tumble-loader.mp4</video:content_loc>
      <video:publication_date>2026-06-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/perspective-flip-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/perspective-flip-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Perspective Flip — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A flat plane flipping over with deep 3D perspective. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/perspective-flip-loader.mp4</video:content_loc>
      <video:publication_date>2025-12-30</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/depth-spinner-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/depth-spinner-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Depth Spinner — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A loader rotating along the Z-axis for a depth effect. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/depth-spinner-loader.mp4</video:content_loc>
      <video:publication_date>2025-09-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/orbiting-spheres-3d-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/orbiting-spheres-3d-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Orbiting Spheres 3D — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Spheres rotating in a 3D orbital path. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/orbiting-spheres-3d-loader.mp4</video:content_loc>
      <video:publication_date>2026-03-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/hollow-cube-spin-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/hollow-cube-spin-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Hollow Cube Spin — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A 3D wireframe spinning smoothly. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/hollow-cube-spin-loader.mp4</video:content_loc>
      <video:publication_date>2025-10-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/morphing-polygons-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/morphing-polygons-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Morphing Polygons — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A loader that morphs between different geometric shapes. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/morphing-polygons-loader.mp4</video:content_loc>
      <video:publication_date>2026-04-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/bouncing-triangle-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/bouncing-triangle-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Bouncing Triangle — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A simple triangle hopping and spinning. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/bouncing-triangle-loader.mp4</video:content_loc>
      <video:publication_date>2026-06-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/hexagon-pulse-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/hexagon-pulse-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Hexagon Pulse — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A hexagon that expands and contracts rhythmically. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/hexagon-pulse-loader.mp4</video:content_loc>
      <video:publication_date>2025-10-26</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/rotating-square-dots-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/rotating-square-dots-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Rotating Square Dots — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Small squares rotating in a circular formation. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/rotating-square-dots-loader.mp4</video:content_loc>
      <video:publication_date>2025-08-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/expanding-star-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/expanding-star-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Expanding Star — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A star shape that grows and rotates. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/expanding-star-loader.mp4</video:content_loc>
      <video:publication_date>2026-04-07</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/endless-loop-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/endless-loop-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Endless Loop — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A smooth dot tracing a classic infinity symbol. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/endless-loop-loader.mp4</video:content_loc>
      <video:publication_date>2025-10-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/infinity-chase-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/infinity-chase-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Infinity Chase — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Multiple dots chasing each other on an infinite path. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/infinity-chase-loader.mp4</video:content_loc>
      <video:publication_date>2026-06-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/dashed-infinity-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/dashed-infinity-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Dashed Infinity — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A dashed line forming a continuous figure-8. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/dashed-infinity-loader.mp4</video:content_loc>
      <video:publication_date>2026-04-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/infinity-pulse-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/infinity-pulse-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Infinity Pulse — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[An infinity loop that pulses as it's drawn. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/infinity-pulse-loader.mp4</video:content_loc>
      <video:publication_date>2026-02-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/double-infinity-loop-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/double-infinity-loop-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Double Infinity Loop — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Two interlocking loops animating infinitely. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/double-infinity-loop-loader.mp4</video:content_loc>
      <video:publication_date>2025-09-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/continuous-flow-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/continuous-flow-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Continuous Flow — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A seamless, unending flow animation. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/continuous-flow-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-29</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/perpetual-spin-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/perpetual-spin-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Perpetual Spin — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A continuous, hypnotic spinning effect. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/perpetual-spin-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-07</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/endless-slide-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/endless-slide-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Endless Slide — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Elements sliding endlessly in a continuous loop. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/endless-slide-loader.mp4</video:content_loc>
      <video:publication_date>2026-06-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/continuous-morph-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/continuous-morph-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Continuous Morph — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A shape constantly morphing without a clear end. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/continuous-morph-loader.mp4</video:content_loc>
      <video:publication_date>2025-10-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/premium-orbit-ring-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/premium-orbit-ring-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Premium Orbit Ring — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Multiple glowing rings spinning in deep 3D perspective, creating a luminous atomic sphere. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/premium-orbit-ring-loader.mp4</video:content_loc>
      <video:publication_date>2026-04-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/premium-liquid-goo-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/premium-liquid-goo-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Premium Liquid Goo — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A large central droplet with smaller droplets orbiting and merging into it via a satisfying gooey filter. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/premium-liquid-goo-loader.mp4</video:content_loc>
      <video:publication_date>2025-10-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/premium-isometric-cubes-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/premium-isometric-cubes-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Premium Isometric Cubes — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A gorgeous cluster of 3D isometric cubes that wave up and down in a seamless sine pattern. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/premium-isometric-cubes-loader.mp4</video:content_loc>
      <video:publication_date>2025-09-29</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/premium-glass-card-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/premium-glass-card-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Premium Glass Card — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A floating glassmorphism credit card that flips in 3D while a glare sweeps across its surface. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/premium-glass-card-loader.mp4</video:content_loc>
      <video:publication_date>2026-03-29</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/premium-polygon-morph-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/premium-polygon-morph-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Premium Polygon Morph — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A solid geometric shape that seamlessly morphs its clip-path between a triangle, diamond, and hexagon. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/premium-polygon-morph-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/premium-infinity-stroke-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/premium-infinity-stroke-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Premium Infinity Stroke — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A neon line drawing a perfect infinity symbol using SVG stroke properties. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/premium-infinity-stroke-loader.mp4</video:content_loc>
      <video:publication_date>2025-10-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/premium-particle-swarm-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/premium-particle-swarm-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Premium Particle Swarm — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A mesmerizing swarm of tiny CSS particles swirling around a central vortex using complex box-shadows. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/premium-particle-swarm-loader.mp4</video:content_loc>
      <video:publication_date>2025-09-29</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/premium-ripple-pulse-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/premium-ripple-pulse-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Premium Ripple Pulse — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A sleek, modern ripple that expands outward with elegant fading layers. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/premium-ripple-pulse-loader.mp4</video:content_loc>
      <video:publication_date>2026-02-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/premium-spring-blocks-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/premium-spring-blocks-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Premium Spring Blocks — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Rounded blocks that stretch and compress playfully like springs moving in sequence. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/premium-spring-blocks-loader.mp4</video:content_loc>
      <video:publication_date>2026-01-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/premium-cyber-glitch-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/premium-cyber-glitch-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[Premium Cyber Glitch — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A fast, intense cybernetic glitch effect tearing apart a central core. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/premium-cyber-glitch-loader.mp4</video:content_loc>
      <video:publication_date>2026-07-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/checkboxes</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/checkboxes.png</video:thumbnail_loc>
      <video:title><![CDATA[Checkboxes — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A collection of pure CSS checkbox toggles for React and Tailwind CSS, featuring ultra-smooth Framer Motion animations.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/checkboxes.mp4</video:content_loc>
      <video:publication_date>2026-03-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/switches</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/switches.png</video:thumbnail_loc>
      <video:title><![CDATA[Switches — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A collection of pure CSS switch toggles for React and Tailwind CSS, featuring ultra-smooth Framer Motion animations.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/switches.mp4</video:content_loc>
      <video:publication_date>2026-06-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/radios</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/radios.png</video:thumbnail_loc>
      <video:title><![CDATA[Radios — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A collection of pure CSS radio toggles for React and Tailwind CSS, featuring ultra-smooth Framer Motion animations.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/radios.mp4</video:content_loc>
      <video:publication_date>2026-05-31</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/3d-cube-carousel-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/3d-cube-carousel-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Cube Carousel — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A ring of small 3D cubes rotating in a carousel. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/3d-cube-carousel-loader.mp4</video:content_loc>
      <video:publication_date>2026-03-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/3d-helix-dna-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/3d-helix-dna-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Helix DNA — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A spinning DNA-like helix of glowing dots. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/3d-helix-dna-loader.mp4</video:content_loc>
      <video:publication_date>2026-05-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/3d-flipping-grid-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/3d-flipping-grid-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Flipping Grid — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A 3x3 grid of tiles flipping sequentially in 3D. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/3d-flipping-grid-loader.mp4</video:content_loc>
      <video:publication_date>2025-09-09</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/3d-folding-stairs-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/3d-folding-stairs-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Folding Stairs — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A staircase of 3D bars that fold up and down. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/3d-folding-stairs-loader.mp4</video:content_loc>
      <video:publication_date>2026-06-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/3d-stacked-planes-loader</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/3d-stacked-planes-loader.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Stacked Planes — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Floating and spinning layered isometric planes. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/3d-stacked-planes-loader.mp4</video:content_loc>
      <video:publication_date>2025-12-30</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/drag-dismiss-card</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/drag-dismiss-card.png</video:thumbnail_loc>
      <video:title><![CDATA[Drag To Dismiss — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Pointer-tracked drag, snaps back or flies off past threshold with spring mechanics. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/drag-dismiss-card.mp4</video:content_loc>
      <video:publication_date>2025-12-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/toast-overshoot</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/toast-overshoot.png</video:thumbnail_loc>
      <video:title><![CDATA[Toast Overshoot — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Slides past rest position before settling beautifully in place. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/toast-overshoot.mp4</video:content_loc>
      <video:publication_date>2026-05-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/gliding-tabs</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/gliding-tabs.png</video:thumbnail_loc>
      <video:title><![CDATA[Gliding Tabs — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Tab indicator measures target width before smoothly gliding over. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/gliding-tabs.mp4</video:content_loc>
      <video:publication_date>2025-11-07</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/accordion-spring</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/accordion-spring.png</video:thumbnail_loc>
      <video:title><![CDATA[Accordion Spring — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Smooth max-height transition powered by cubic-bezier physics curves. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/accordion-spring.mp4</video:content_loc>
      <video:publication_date>2025-12-09</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/spring-card-resize</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/spring-card-resize.png</video:thumbnail_loc>
      <video:title><![CDATA[Spring Card Resize — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Height spring animation with no JS layout thrashing overhead. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/spring-card-resize.mp4</video:content_loc>
      <video:publication_date>2026-07-09</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/cyberpunk-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/cyberpunk-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Cyberpunk Glitch Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A futuristic button with angled corners and glitch effects. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/cyberpunk-button.mp4</video:content_loc>
      <video:publication_date>2025-12-31</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/spotlight-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/spotlight-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Spotlight Border Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A button where a soft glowing spotlight border follows the user cursor. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/spotlight-button.mp4</video:content_loc>
      <video:publication_date>2026-05-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/holographic-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/holographic-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Holographic Foil Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A button with a shiny, shifting holographic foil effect using SVG noise. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/holographic-button.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/brutalism-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/brutalism-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Brutalism Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A harsh, unapologetic brutalist design with thick borders and a solid drop-shadow. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/brutalism-button.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/particle-burst-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/particle-burst-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Particle Burst Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A button that explodes with physics-driven colorful confetti dots on click. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/particle-burst-button.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ripple-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ripple-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Ripple Effect Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A modern material ripple effect that expands exactly from the click coordinate. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ripple-button.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/outline-draw-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/outline-draw-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Outline Draw Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A button that seamlessly "draws" a border around itself on hover. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/outline-draw-button.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/arrow-slide-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/arrow-slide-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Minimal Arrow Slide — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[An elegant minimal button where an arrow smoothly pushes the label text aside. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/arrow-slide-button.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/type-fill-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/type-fill-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Typographic Fill Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Large outlined text that fills vertically with liquid color on hover. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/type-fill-button.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/arcade-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/arcade-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Retro Arcade Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A chunky 3D button that actually pushes down into its own shadow when held. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/arcade-button.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/underline-expand-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/underline-expand-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Underline Expand Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Minimalist text where a tiny underline expands upwards to fill the background. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/underline-expand-button.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/cosmic-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/cosmic-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Cosmic Starfield Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Contains a literal moving galaxy of twinkling stars and nebula gradients. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/cosmic-button.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/elastic-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/elastic-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Elastic Stretch Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Replicates a physical elastic band that stretches and squishes organically. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/elastic-button.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/glass-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/glass-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Frosted Glass Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[True glassmorphism using backdrop-blur, specular highlights, and soft inner borders. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/glass-button.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/orb-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/orb-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Floating Orb Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A fluid, floating sphere gradient that rotates and squishes on interaction. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/orb-button.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/flip-3d-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/flip-3d-button.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Flip Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A physical-feeling button that acts like a 3D box, rotating 90 degrees on hover. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/flip-3d-button.mp4</video:content_loc>
      <video:publication_date>2026-01-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/glitch-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/glitch-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Glitch Reveal Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A cyberpunk button with aggressive RGB chromatic aberration and slice glitches. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/glitch-button.mp4</video:content_loc>
      <video:publication_date>2026-02-07</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/warp-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/warp-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Warp Speed Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A button containing a deep space starfield that accelerates to hyperspace on hover. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/warp-button.mp4</video:content_loc>
      <video:publication_date>2025-09-15</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/origami-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/origami-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Origami Fold Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A highly tactile button that mimics folded paper corners folding inward. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/origami-button.mp4</video:content_loc>
      <video:publication_date>2025-09-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/border-beam-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/border-beam-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Border Beam Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A sleek modern button featuring a high-intensity gradient beam racing around its perimeter. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/border-beam-button.mp4</video:content_loc>
      <video:publication_date>2025-11-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/scratch-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/scratch-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Scratch Reveal Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[An interactive button where the cursor acts like a coin scratching off a matte layer. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/scratch-button.mp4</video:content_loc>
      <video:publication_date>2025-11-30</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/chromatic-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/chromatic-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Chromatic Prism Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[An advanced glassmorphism button that simulates light refraction with RGB shadows. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/chromatic-button.mp4</video:content_loc>
      <video:publication_date>2025-12-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/elastic-pull-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/elastic-pull-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Elastic Pull Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A physics-based button powered by Framer Motion that bows and stretches towards the cursor. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/elastic-pull-button.mp4</video:content_loc>
      <video:publication_date>2026-06-03</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/marquee-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/marquee-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Marquee Scroll Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Text continuously scrolls horizontally in an infinite loop until hovered. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/marquee-button.mp4</video:content_loc>
      <video:publication_date>2025-09-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/stacked-3d-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/stacked-3d-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Stacked 3D Acrylic Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[3 distinct translucent acrylic sheets that physically separate in 3D space. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/stacked-3d-button.mp4</video:content_loc>
      <video:publication_date>2026-02-09</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/holo-foil-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/holo-foil-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Holo Foil Trading Card — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A shimmering, iridescent foil gradient that perfectly tracks your mouse cursor. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/holo-foil-button.mp4</video:content_loc>
      <video:publication_date>2026-06-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/black-hole-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/black-hole-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Black Hole Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[On hover, a singularity expands from the center, sucking in the original text and exploding out the new state. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/black-hole-button.mp4</video:content_loc>
      <video:publication_date>2026-03-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/pixel-shatter-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/pixel-shatter-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Pixel Shatter Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Background shatters into dozens of square pixels that explode outward on hover. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/pixel-shatter-button.mp4</video:content_loc>
      <video:publication_date>2025-11-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/eq-spectrum-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/eq-spectrum-button.png</video:thumbnail_loc>
      <video:title><![CDATA[EQ Spectrum Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Features vertical bars that bounce dynamically, mimicking an audio spectrum analyzer. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/eq-spectrum-button.mp4</video:content_loc>
      <video:publication_date>2025-10-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/slice-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/slice-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Slice Reveal Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[On hover, the button physically slices in half diagonally, moving apart to reveal hidden text beneath. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/slice-button.mp4</video:content_loc>
      <video:publication_date>2025-11-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/wave-invert-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/wave-invert-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Wave Invert Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A fluid wave undulates up the button, inverting the text color using mix-blend-mode. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/wave-invert-button.mp4</video:content_loc>
      <video:publication_date>2025-11-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/kinetic-scatter-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/kinetic-scatter-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Kinetic Scatter Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Text shatters into physics-based floating letters on hover that scatter randomly before snapping back. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/kinetic-scatter-button.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/magnetic-thread-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/magnetic-thread-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Magnetic Thread Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[An SVG string border stretches elastically towards the cursor and snaps back with wobble physics. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/magnetic-thread-button.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/magnifying-lens-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/magnifying-lens-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Magnifying Lens Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A glass sphere physically tracks your cursor inside the button, magnifying the text and warping the background. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/magnifying-lens-button.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/camera-iris-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/camera-iris-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Camera Iris Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A mechanical, multi-blade aperture that smoothly spirals open on hover to reveal the text. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/camera-iris-button.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/paper-tear-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/paper-tear-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Paper Tear Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A jagged rip tears horizontally across the button on hover, separating into halves to reveal a hidden layer. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/paper-tear-button.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/liquid-mercury-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/liquid-mercury-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Liquid Mercury Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Heavy silver metallic gradients combined with SVG Gooey filters to look like a living bead of liquid metal. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/liquid-mercury-button.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/fingerprint-auth-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/fingerprint-auth-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Fingerprint Auth Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Biometric scan animation with sweeping lasers and glowing ridges on hover. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/fingerprint-auth-button.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/blacklight-reveal-button</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/blacklight-reveal-button.png</video:thumbnail_loc>
      <video:title><![CDATA[Blacklight Reveal Button — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Invisible UV ink effect that only glows when the cursor acts as a blacklight passing over it. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/blacklight-reveal-button.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/parallax-depth-card</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/parallax-depth-card.png</video:thumbnail_loc>
      <video:title><![CDATA[Parallax Depth Card — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Hovering shifts the background deeply in one direction, while the text floats aggressively in the opposite direction. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/parallax-depth-card.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/magnetic-glare-card</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/magnetic-glare-card.png</video:thumbnail_loc>
      <video:title><![CDATA[Magnetic Glare Card — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Magnetically pulls towards the cursor while projecting a dynamic specular lighting glare across frosted glass. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/magnetic-glare-card.mp4</video:content_loc>
      <video:publication_date>2026-08-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/directional-reveal-card</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/directional-reveal-card.png</video:thumbnail_loc>
      <video:title><![CDATA[Directional Reveal Card — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A highly polished card where a glassmorphic overlay slides in from the exact edge your mouse enters. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/directional-reveal-card.mp4</video:content_loc>
      <video:publication_date>2026-03-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/cinematic-media-card</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/cinematic-media-card.png</video:thumbnail_loc>
      <video:title><![CDATA[Cinematic Media Card — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A media-focused card that expands slightly and plays a video on hover with a smooth backdrop blur. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/cinematic-media-card.mp4</video:content_loc>
      <video:publication_date>2025-09-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/progress-loaders-1</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/progress-loaders-1.png</video:thumbnail_loc>
      <video:title><![CDATA[Dynamic Progress Loaders — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A premium collection of linear and circular progress indicators featuring smooth interpolation and glow effects. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready loaders element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/progress-loaders-1.mp4</video:content_loc>
      <video:publication_date>2026-05-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/progress-loaders-2</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/progress-loaders-2.png</video:thumbnail_loc>
      <video:title><![CDATA[Advanced Progress Loaders — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Highly customizable progress bars and rings with satisfying physics and color transitions. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready loaders element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/progress-loaders-2.mp4</video:content_loc>
      <video:publication_date>2026-05-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/dot-ball-loaders</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/dot-ball-loaders.png</video:thumbnail_loc>
      <video:title><![CDATA[Kinetic Dot Loaders — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Physics-based dot and ball loading animations featuring satisfying bounces, orbits, and elastic collisions. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready loaders element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/dot-ball-loaders.mp4</video:content_loc>
      <video:publication_date>2026-04-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/spinner-loaders-1</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/spinner-loaders-1.png</video:thumbnail_loc>
      <video:title><![CDATA[Modern Spinners — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Clean, elegant circular loading spinners designed for minimalist applications. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready loaders element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/spinner-loaders-1.mp4</video:content_loc>
      <video:publication_date>2026-01-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/spinner-loaders-2</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/spinner-loaders-2.png</video:thumbnail_loc>
      <video:title><![CDATA[Complex Spinners — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Multi-layered, intricate spinning loader components with offset timings. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready loaders element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/spinner-loaders-2.mp4</video:content_loc>
      <video:publication_date>2025-10-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/wave-pulse-loaders</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/wave-pulse-loaders.png</video:thumbnail_loc>
      <video:title><![CDATA[Wave & Pulse Loaders — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Organic, rippling wave and heartbeat pulse loading states perfect for premium data fetching. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready loaders element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/wave-pulse-loaders.mp4</video:content_loc>
      <video:publication_date>2026-05-11</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/wobble-bounce-loaders</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/wobble-bounce-loaders.png</video:thumbnail_loc>
      <video:title><![CDATA[Wobble & Bounce Loaders — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Playful, highly elastic bounce and wobble animations to keep users engaged during wait times. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready loaders element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/wobble-bounce-loaders.mp4</video:content_loc>
      <video:publication_date>2025-11-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/3d-loaders</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/3d-loaders.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Perspective Loaders — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Immersive loading spinners utilizing 3D transforms and Z-axis rotation. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready loaders element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/3d-loaders.mp4</video:content_loc>
      <video:publication_date>2025-09-30</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/infinity-loop-loaders</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/infinity-loop-loaders.png</video:thumbnail_loc>
      <video:title><![CDATA[Infinite Loop Spinners — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Mesmerizing continuous loop animations that trace complex infinity paths and Möbius strips. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready loaders element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/infinity-loop-loaders.mp4</video:content_loc>
      <video:publication_date>2026-05-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/premium-loaders</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/premium-loaders.png</video:thumbnail_loc>
      <video:title><![CDATA[Premium Loaders — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[Our most sophisticated, complex, and beautiful loading states reserved for top-tier interfaces. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready loaders element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/premium-loaders.mp4</video:content_loc>
      <video:publication_date>2026-02-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/geometric-loaders</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/geometric-loaders.png</video:thumbnail_loc>
      <video:title><![CDATA[Geometric Loaders — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A collection of geometric loaders for React and Tailwind CSS, featuring ultra-smooth Framer Motion animations.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/geometric-loaders.mp4</video:content_loc>
      <video:publication_date>2025-09-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/miscellaneous-loaders-1</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/miscellaneous-loaders-1.png</video:thumbnail_loc>
      <video:title><![CDATA[Miscellaneous Loaders 1 — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A versatile collection of miscellaneous loader components for Next.js and React, featuring smooth Framer Motion animations.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/miscellaneous-loaders-1.mp4</video:content_loc>
      <video:publication_date>2026-04-11</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/miscellaneous-loaders-2</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/miscellaneous-loaders-2.png</video:thumbnail_loc>
      <video:title><![CDATA[Miscellaneous Loaders 2 — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A versatile collection of miscellaneous loader components for Next.js and React, featuring smooth Framer Motion animations.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/miscellaneous-loaders-2.mp4</video:content_loc>
      <video:publication_date>2025-12-07</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/miscellaneous-loaders-3</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/miscellaneous-loaders-3.png</video:thumbnail_loc>
      <video:title><![CDATA[Miscellaneous Loaders 3 — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A versatile collection of miscellaneous loader components for Next.js and React, featuring smooth Framer Motion animations.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/miscellaneous-loaders-3.mp4</video:content_loc>
      <video:publication_date>2025-08-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/miscellaneous-loaders-4</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/miscellaneous-loaders-4.png</video:thumbnail_loc>
      <video:title><![CDATA[Miscellaneous Loaders 4 — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A versatile collection of miscellaneous loader components for Next.js and React, featuring smooth Framer Motion animations.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/miscellaneous-loaders-4.mp4</video:content_loc>
      <video:publication_date>2026-02-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/miscellaneous-loaders-5</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/miscellaneous-loaders-5.png</video:thumbnail_loc>
      <video:title><![CDATA[Miscellaneous Loaders 5 — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A versatile collection of miscellaneous loader components for Next.js and React, featuring smooth Framer Motion animations.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/miscellaneous-loaders-5.mp4</video:content_loc>
      <video:publication_date>2025-10-27</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/miscellaneous-loaders-6</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/miscellaneous-loaders-6.png</video:thumbnail_loc>
      <video:title><![CDATA[Miscellaneous Loaders 6 — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A versatile collection of miscellaneous loader components for Next.js and React, featuring smooth Framer Motion animations.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/miscellaneous-loaders-6.mp4</video:content_loc>
      <video:publication_date>2026-03-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/miscellaneous-loaders-7</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/miscellaneous-loaders-7.png</video:thumbnail_loc>
      <video:title><![CDATA[Miscellaneous Loaders 7 — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A versatile collection of miscellaneous loader components for Next.js and React, featuring smooth Framer Motion animations.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/miscellaneous-loaders-7.mp4</video:content_loc>
      <video:publication_date>2025-09-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/fluid-tags-input</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/fluid-tags-input.png</video:thumbnail_loc>
      <video:title><![CDATA[Fluid Tags Input — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A premium multi-select tags input with fluid layout animations. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/fluid-tags-input.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ai-command-prompt</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ai-command-prompt.png</video:thumbnail_loc>
      <video:title><![CDATA[AI Command Prompt — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A sophisticated AI-style expanding textarea with generative states. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ai-command-prompt.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/staggered-otp-input</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/staggered-otp-input.png</video:thumbnail_loc>
      <video:title><![CDATA[Staggered OTP Input — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A highly satisfying 6-digit one-time password input with staggered spring animations. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/staggered-otp-input.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/interactive-rating-slider</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/interactive-rating-slider.png</video:thumbnail_loc>
      <video:title><![CDATA[Interactive Rating Slider — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A fluid continuous slider that spawns a dynamic emoji tooltip. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/interactive-rating-slider.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/interactive-credit-card-form</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/interactive-credit-card-form.png</video:thumbnail_loc>
      <video:title><![CDATA[Interactive 3D Credit Card Form — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A premium checkout form with a live 3D credit card that flips when entering CVV. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/interactive-credit-card-form.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/animated-multi-step-form</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/animated-multi-step-form.png</video:thumbnail_loc>
      <video:title><![CDATA[Animated Multi-Step Form — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A gorgeous onboarding wizard with sliding step transitions and a dynamic progress bar. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/animated-multi-step-form.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/animated-option-cards</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/animated-option-cards.png</video:thumbnail_loc>
      <video:title><![CDATA[Animated Option Cards — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A list of selectable cards with an animated SVG border that draws around the active item. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/animated-option-cards.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ai-chat-message</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ai-chat-message.png</video:thumbnail_loc>
      <video:title><![CDATA[AI Chat Message — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A sophisticated AI chat bubble with generative states and actions. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ai-chat-message.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ai-voice-visualizer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ai-voice-visualizer.png</video:thumbnail_loc>
      <video:title><![CDATA[AI Voice Visualizer — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[An interactive microphone component that visualizes listening and processing states. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ai-voice-visualizer.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ai-generative-skeleton</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ai-generative-skeleton.png</video:thumbnail_loc>
      <video:title><![CDATA[AI Generative Skeleton — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A sleek, animated loading skeleton mimicking AI generating text line by line. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ai-generative-skeleton.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ai-interactive-orb</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ai-interactive-orb.png</video:thumbnail_loc>
      <video:title><![CDATA[AI Interactive Orb — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[An advanced, interactive Voice Assistant Orb with gooey physics and dynamic chat states. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ai-interactive-orb.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ai-generative-orb</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ai-generative-orb.png</video:thumbnail_loc>
      <video:title><![CDATA[AI Generative Orb — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A spinning, generative AI orb with layered, rotating inner polygons. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ai-generative-orb.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ai-fluid-orb</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ai-fluid-orb.png</video:thumbnail_loc>
      <video:title><![CDATA[AI Fluid Orb — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A glass-morphism container with fluid, liquid SVG blobs animating beautifully inside. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ai-fluid-orb.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/components/ai-pulsing-orb</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/components/img/ai-pulsing-orb.png</video:thumbnail_loc>
      <video:title><![CDATA[AI Pulsing Orb — React Component | SPY UI]]></video:title>
      <video:description><![CDATA[A complex, pulsing AI ring with concentric SVG circles and dynamic sound waves. Perfect for modern React and Next.js applications using Tailwind CSS.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/components/video/ai-pulsing-orb.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/testimonial-scatter</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/testimonial-scatter.png</video:thumbnail_loc>
      <video:title><![CDATA[Testimonial Scatter — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An interactive grid that scatters images organically based on hover interactions. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/testimonial-scatter.mp4</video:content_loc>
      <video:publication_date>2025-10-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/character-404-error</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/character-404-error.png</video:thumbnail_loc>
      <video:title><![CDATA[Illustrated Character 404 — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A playful, centered 404 state featuring a high-quality character illustration in a thinking pose. Perfect for consumer apps wanting a friendly fallback experience. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready error pages element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/character-404-error.mp4</video:content_loc>
      <video:publication_date>2026-08-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/3d-carousel-testimonial</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/3d-carousel-testimonial.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Carousel Testimonial — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A 3D rotating carousel that beautifully cycles through customer reviews. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/3d-carousel-testimonial.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/3d-image-carousel</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/3d-image-carousel.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Image Carousel — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A 3D image carousel with depth and smooth transitions. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/3d-image-carousel.mp4</video:content_loc>
      <video:publication_date>2026-07-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/3d-slider</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/3d-slider.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Slider — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A 3D flip-card slider with configurable transition animations. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/3d-slider.mp4</video:content_loc>
      <video:publication_date>2026-07-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/agency-mask-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/agency-mask-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Agency Mask — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A cursor-driven reveal hero where a circular mask follows the mouse, dramatically exposing an editorial image beneath bold, oversized typography. Built for creative studios and high-impact agencies. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/agency-mask-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/agent-bento-grid</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/agent-bento-grid.png</video:thumbnail_loc>
      <video:title><![CDATA[Agent Bento Grid — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A beautiful bento-box layout designed to showcase AI agent capabilities or features. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready grids & layouts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/agent-bento-grid.mp4</video:content_loc>
      <video:publication_date>2026-01-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/animated-grid-testimonial</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/animated-grid-testimonial.png</video:thumbnail_loc>
      <video:title><![CDATA[Animated Grid Testimonial — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A grid layout where review cards stagger-animate in on scroll, with a slight lift and glow effect on hover. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/animated-grid-testimonial.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/apex-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/apex-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Apex — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A crisp, minimal SaaS hero with floating 3D blue glass orb graphics and clean white space. Ideal for developer tools, analytics platforms, and B2B products that lead with clarity. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/apex-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/app-download-cta</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/app-download-cta.png</video:thumbnail_loc>
      <video:title><![CDATA[App Download CTA — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A vibrant section designed to drive mobile app downloads, featuring custom store buttons and a tilted phone mockup. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready cta element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/app-download-cta.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/apple-scroll-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/apple-scroll-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Apple Scroll — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A scroll-driven hero with Apple-style sticky typography that fades and transforms as the user scrolls. Words vanish, images emerge, and the story unfolds with cinematic precision. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/apple-scroll-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/cover-flow-carousel</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/cover-flow-carousel.png</video:thumbnail_loc>
      <video:title><![CDATA[Apple-Style Cover Flow — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A physics-based 3D cover flow gallery. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/cover-flow-carousel.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/arch-cutout-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/arch-cutout-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Arch Cutout — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A bold editorial hero with arch-shaped image cutouts punched through vibrant full-bleed gradient typography. Dramatic, fashion-forward, and unlike anything on a standard landing page. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/arch-cutout-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/arch-parallax-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/arch-parallax-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Arch Parallax — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An ultra-luxurious split-screen hero with a slow parallax image reveal behind a minimal serif headline. Tailored for architecture studios, interior design brands, and real estate developments. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/arch-parallax-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/atelier-noir-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/atelier-noir-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Atelier Noir — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A monochrome editorial hero built for premium brands — stark white space, a single large-format image, and precise typographic hierarchy. Think Bottega Veneta, not Bootstrap. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/atelier-noir-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/aurora-glass-nav</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/aurora-glass-nav.png</video:thumbnail_loc>
      <video:title><![CDATA[Aurora Glass Nav — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A vibrant organic glass navbar with shifting, blurred gradient orbs trapped behind heavy frosting. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/aurora-glass-nav.mp4</video:content_loc>
      <video:publication_date>2025-11-26</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/avatar-cluster-testimonial</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/avatar-cluster-testimonial.png</video:thumbnail_loc>
      <video:title><![CDATA[Avatar Cluster Testimonial — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A central testimonial text that cycles, with a cluster of floating avatars surrounding it where the active avatar lights up. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/avatar-cluster-testimonial.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/behind-scenes-about</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/behind-scenes-about.png</video:thumbnail_loc>
      <video:title><![CDATA[Behind The Scenes — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A casual photo grid showing team bloopers and real-life office moments. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready about element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/behind-scenes-about.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/bento-about</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/bento-about.png</video:thumbnail_loc>
      <video:title><![CDATA[Bento — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A bento box style layout for introducing a company, its mission, and its team. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready about element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/bento-about.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/bento-contact</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/bento-contact.png</video:thumbnail_loc>
      <video:title><![CDATA[Bento Grid Outreach — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A bento grid integrating a form, FAQs, and social links. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready contact element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/bento-contact.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/bento-glass-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/bento-glass-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Bento Glass — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An asymmetric hero with a mosaic of frosted-glass bento cards floating over an immersive full-bleed backdrop. Each card surfaces a key feature or metric with a modern iOS-inspired aesthetic. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/bento-glass-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/bento-grid-features</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/bento-grid-features.png</video:thumbnail_loc>
      <video:title><![CDATA[Bento Grid Features Section — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A sleek, responsive bento box layout highlighting core product features. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready features element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/bento-grid-features.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/bento-lightbox-gallery</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/bento-lightbox-gallery.png</video:thumbnail_loc>
      <video:title><![CDATA[Bento Grid To Lightbox — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A fluid masonry bento grid that transitions into a full-screen swipeable lightbox. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/bento-lightbox-gallery.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/bold-statement-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/bold-statement-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Bold Statement — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A typography-driven bold footer with an interactive pill button. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/bold-statement-footer.mp4</video:content_loc>
      <video:publication_date>2025-08-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/bold-typography-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/bold-typography-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Bold Typography — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A clean, modern footer featuring a curved top edge and massive clipped brand typography at the baseline. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/bold-typography-footer.mp4</video:content_loc>
      <video:publication_date>2026-08-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/booking-calendar-contact</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/booking-calendar-contact.png</video:thumbnail_loc>
      <video:title><![CDATA[Interactive Booking Calendar — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A scheduling UI for booking discovery calls or meetings. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready contact element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/booking-calendar-contact.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/box-transition</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/box-transition.png</video:thumbnail_loc>
      <video:title><![CDATA[Box Transition Section — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A section transition where grid overlays disappear and appear on scroll. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready sections element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/box-transition.mp4</video:content_loc>
      <video:publication_date>2026-05-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/brutalist-grid-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/brutalist-grid-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Brutalist Grid — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A brutalist black and white layout with massive retro typography. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/brutalist-grid-footer.mp4</video:content_loc>
      <video:publication_date>2026-03-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/cascading-gallery</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/cascading-gallery.png</video:thumbnail_loc>
      <video:title><![CDATA[Cascading Gallery — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A 3D scroll-driven collection viewer where items cascade elegantly along a perspective track. Perfect for immersive showcases. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/cascading-gallery.mp4</video:content_loc>
      <video:publication_date>2026-04-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/case-study-testimonial</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/case-study-testimonial.png</video:thumbnail_loc>
      <video:title><![CDATA[Case Study Testimonial — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A deep dive testimonial card with a photo, key metrics, and a longer quote for B2B. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/case-study-testimonial.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/chat-interface-contact</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/chat-interface-contact.png</video:thumbnail_loc>
      <video:title><![CDATA[Conversational Agent — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A conversational chat UI that functions as a contact form. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready contact element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/chat-interface-contact.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/cinematic-hover-nav</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/cinematic-hover-nav.png</video:thumbnail_loc>
      <video:title><![CDATA[Cinematic Bento Mega-Menu — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A desktop navigation bar that expands into a rich cinematic bento grid on hover. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/cinematic-hover-nav.mp4</video:content_loc>
      <video:publication_date>2025-10-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/cinematic-motion-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/cinematic-motion-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Cinematic Motion — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A high-fidelity scroll reveal footer optimized for SaaS landing pages with magnetic buttons. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/cinematic-motion-footer.mp4</video:content_loc>
      <video:publication_date>2026-08-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/cinematic-reveal-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/cinematic-reveal-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Cinematic Reveal — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A high-fashion hero where a full-screen image starts small and dramatically scales up to fill the viewport on load. Pure editorial tension — the kind of reveal that makes visitors stop scrolling. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/cinematic-reveal-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/cinematic-ticket-cta</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/cinematic-ticket-cta.png</video:thumbnail_loc>
      <video:title><![CDATA[Cinematic Ticket CTA — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A high-converting call-to-action featuring a large portrait and booking form. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready cta element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/cinematic-ticket-cta.mp4</video:content_loc>
      <video:publication_date>2026-08-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/circle-mask-reveal</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/circle-mask-reveal.png</video:thumbnail_loc>
      <video:title><![CDATA[Circle Mask Reveal — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A grid of images with a secondary image revealed via a circular mask on hover. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready sections element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/circle-mask-reveal.mp4</video:content_loc>
      <video:publication_date>2026-04-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/circle-reveal-section</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/circle-reveal-section.png</video:thumbnail_loc>
      <video:title><![CDATA[Circle Reveal Section — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A hero or transition section where scrolling expands a circular mask until it fills the screen, revealing the content underneath. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready sections element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/circle-reveal-section.mp4</video:content_loc>
      <video:publication_date>2026-04-26</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/code-comparison-features</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/code-comparison-features.png</video:thumbnail_loc>
      <video:title><![CDATA[Code Comparison Features Section — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A side-by-side or tabbed code window comparing the 'old way' vs your product. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready features element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/code-comparison-features.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/command-line-navbar</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/command-line-navbar.png</video:thumbnail_loc>
      <video:title><![CDATA[Command Line Navbar — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A terminal-inspired navbar where navigation looks like a CLI command with a typewriter output line. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/command-line-navbar.mp4</video:content_loc>
      <video:publication_date>2026-02-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/company-logo-wall-testimonial</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/company-logo-wall-testimonial.png</video:thumbnail_loc>
      <video:title><![CDATA[Company Logo Wall Testimonial — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A split layout featuring a prominent quote alongside a grid of trusted company logos. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/company-logo-wall-testimonial.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/content-scale-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/content-scale-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Content Scale — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Content Scale block section. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/content-scale-footer.mp4</video:content_loc>
      <video:publication_date>2026-03-15</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/cosmic-orbit-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/cosmic-orbit-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Cosmic Orbit — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A deep-space AI hero with infinite rotating planetary rings, glowing mesh gradients, and floating metric badges that orbit the headline. Built for AI startups, data platforms, and futurist brands. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/cosmic-orbit-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/countdown-offer-cta</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/countdown-offer-cta.png</video:thumbnail_loc>
      <video:title><![CDATA[Countdown Offer CTA — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A high-urgency CTA featuring an animated timer and a bold offer designed to drive immediate conversions. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready cta element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/countdown-offer-cta.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/crimson-split-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/crimson-split-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Crimson Split — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A deep red footer with thin stretched typography and a center pill. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/crimson-split-footer.mp4</video:content_loc>
      <video:publication_date>2026-02-15</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/crypto-glitch-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/crypto-glitch-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Crypto Glitch — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A cyberpunk Web3 hero with scanline glitch effects on the headline, neon accent glows, and a 3D wireframe visual. Captures the raw, decentralized energy of DeFi and NFT projects. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/crypto-glitch-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/crystal-reveal-nav</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/crystal-reveal-nav.png</video:thumbnail_loc>
      <video:title><![CDATA[Crystal Reveal Nav — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A navbar that materializes from nothing into a crystal-clear glass block upon scrolling. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/crystal-reveal-nav.mp4</video:content_loc>
      <video:publication_date>2025-09-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/cursor-parallax-carousel</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/cursor-parallax-carousel.png</video:thumbnail_loc>
      <video:title><![CDATA[Cursor Parallax Carousel — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A horizontal scrolling carousel with a subtle parallax effect bound to the cursor. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/cursor-parallax-carousel.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/curved-top-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/curved-top-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Curved Top — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An architectural dark footer with a massive curved archway top edge. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/curved-top-footer.mp4</video:content_loc>
      <video:publication_date>2025-10-31</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/cyber-glitch-cta</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/cyber-glitch-cta.png</video:thumbnail_loc>
      <video:title><![CDATA[Cyber Glitch CTA — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A cyberpunk-themed CTA with a dark grid background, glowing borders, and intense text glitch effects on hover. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready cta element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/cyber-glitch-cta.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/cyberpunk-terminal-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/cyberpunk-terminal-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Cyberpunk Terminal — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A hacker-inspired footer with glowing data streams, monospace typography, and a terminal prompt. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/cyberpunk-terminal-footer.mp4</video:content_loc>
      <video:publication_date>2026-08-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/carousel-3d-cylinder</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/carousel-3d-cylinder.png</video:thumbnail_loc>
      <video:title><![CDATA[Cylindrical 3D Carousel — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A premium 3D carousel where images are arranged in a circular track around a central Z-axis. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/carousel-3d-cylinder.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/data-visualization-features</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/data-visualization-features.png</video:thumbnail_loc>
      <video:title><![CDATA[Data Visualization Features Section — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[Features highlighted alongside an animated bar chart or metrics dashboard. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready features element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/data-visualization-features.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/depth-slider</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/depth-slider.png</video:thumbnail_loc>
      <video:title><![CDATA[Depth Slider — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A sophisticated image slider that adds realistic 3D depth and parallax effects. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/depth-slider.mp4</video:content_loc>
      <video:publication_date>2026-07-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/disappearing-scroll-header</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/disappearing-scroll-header.png</video:thumbnail_loc>
      <video:title><![CDATA[Disappearing Scroll Header — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[Fixed Disappearing Scrolling Header. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/disappearing-scroll-header.mp4</video:content_loc>
      <video:publication_date>2026-04-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/dynamic-island-navbar</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/dynamic-island-navbar.png</video:thumbnail_loc>
      <video:title><![CDATA[Dynamic Island Navbar — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A floating pill-shaped navbar that expands smoothly when interacted with, inspired by Apple's Dynamic Island. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/dynamic-island-navbar.mp4</video:content_loc>
      <video:publication_date>2026-05-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/editorial-gallery-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/editorial-gallery-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Editorial Gallery — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A typographic powerhouse with wall-sized background text, a full-color palette, and 3D floating profile cards that respond to hover. Inspired by cultural magazines and art-forward digital experiences. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/editorial-gallery-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/editorial-navbar</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/editorial-navbar.png</video:thumbnail_loc>
      <video:title><![CDATA[Editorial Navbar — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A magazine-style full-width navbar with column layout, text scramble on hover, a colored gradient progress bar, and numbered page indicators. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/editorial-navbar.mp4</video:content_loc>
      <video:publication_date>2025-08-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/elastic-scroll-nav</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/elastic-scroll-nav.png</video:thumbnail_loc>
      <video:title><![CDATA[Elastic Scroll Nav — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A top navigation bar that physically reacts to the velocity of your page scroll with elastic physics.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/elastic-scroll-nav.mp4</video:content_loc>
      <video:publication_date>2026-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/elegant-coverflow-gallery</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/elegant-coverflow-gallery.png</video:thumbnail_loc>
      <video:title><![CDATA[Elegant Coverflow Gallery — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An interactive, fully responsive 3D coverflow carousel that smoothly scrubs based on cursor movement. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/elegant-coverflow-gallery.mp4</video:content_loc>
      <video:publication_date>2026-08-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/elegant-fan-gallery</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/elegant-fan-gallery.png</video:thumbnail_loc>
      <video:title><![CDATA[Elegant Fan Gallery — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An interactive, high-end gallery where a stack of images smoothly fans out based on cursor movement. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/elegant-fan-gallery.mp4</video:content_loc>
      <video:publication_date>2026-08-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/ember-glow-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/ember-glow-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Ember Glow — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A premium footer with a soft, pulsing fire-like gradient behind a glassmorphism CTA. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/ember-glow-footer.mp4</video:content_loc>
      <video:publication_date>2026-08-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/expandable-card-gallery</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/expandable-card-gallery.png</video:thumbnail_loc>
      <video:title><![CDATA[Expandable Card Gallery — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A horizontal accordion-style gallery. Hovering a card expands it to reveal the full image and text. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/expandable-card-gallery.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/expanding-accordion-gallery</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/expanding-accordion-gallery.png</video:thumbnail_loc>
      <video:title><![CDATA[Expanding Accordion Gallery — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A sleek horizontal accordion layout that expands images smoothly on hover. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/expanding-accordion-gallery.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/expanding-menu-navbar</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/expanding-menu-navbar.png</video:thumbnail_loc>
      <video:title><![CDATA[Expanding Menu Navbar — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A premium navbar with animated hover-triggered dropdown groups, each with color-coded gradient accents. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/expanding-menu-navbar.mp4</video:content_loc>
      <video:publication_date>2025-12-27</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/fan-profile-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/fan-profile-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Fan Profile — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A deceptively minimal hero that unfolds on hover — profile images fan out in a smooth radial spread from a central point. A unique interaction pattern that instantly communicates community and people. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/fan-profile-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/faq-section</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/faq-section.png</video:thumbnail_loc>
      <video:title><![CDATA[Faq Section — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An interactive, smoothly animating accordion layout for frequently asked questions. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready sections element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/faq-section.mp4</video:content_loc>
      <video:publication_date>2026-04-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/fashion-carousel-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/fashion-carousel-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Fashion Carousel — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An editorial hero with a touch-draggable image carousel, large serif typography, and the refined sensibility of a luxury fashion lookbook. Swipe, drag, and discover. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/fashion-carousel-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/feature-comparison-table</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/feature-comparison-table.png</video:thumbnail_loc>
      <video:title><![CDATA[Feature Comparison Table Section — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A detailed, responsive matrix comparing your product against competitors. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready features element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/feature-comparison-table.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/bento-02</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/bento-02.png</video:thumbnail_loc>
      <video:title><![CDATA[Features Bento Grid — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A premium, animated bento grid for showcasing product features. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready grids & layouts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/bento-02.mp4</video:content_loc>
      <video:publication_date>2026-06-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/feedback-carousel</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/feedback-carousel.png</video:thumbnail_loc>
      <video:title><![CDATA[Feedback Carousel — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An elegant swipeable carousel designed perfectly for showcasing user testimonials. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/feedback-carousel.mp4</video:content_loc>
      <video:publication_date>2026-02-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/flickering-neon-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/flickering-neon-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Flickering Neon — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A moody, atmospheric footer featuring a giant photorealistic neon sign that flickers dynamically. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/flickering-neon-footer.mp4</video:content_loc>
      <video:publication_date>2026-08-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/floating-action-contact</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/floating-action-contact.png</video:thumbnail_loc>
      <video:title><![CDATA[Floating Action Widget — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A floating action button that opens a compact contact widget. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready contact element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/floating-action-contact.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/floating-card-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/floating-card-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Floating Card — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A clean floating card footer layered over a faded background watermark. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/floating-card-footer.mp4</video:content_loc>
      <video:publication_date>2025-11-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/floating-cards-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/floating-cards-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Floating Cards — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A SaaS and fintech hero with large bold typography anchored by animated 3D product cards that float, tilt, and layer in the foreground. Communicates feature depth without a single bullet point. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/floating-cards-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/floating-cards-error</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/floating-cards-error.png</video:thumbnail_loc>
      <video:title><![CDATA[Floating Cards 404 — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A dynamic, depth-driven 404 screen anchored by translucent 3D cards that float and rotate gently in the background. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready error pages element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/floating-cards-error.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/floating-image-gallery</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/floating-image-gallery.png</video:thumbnail_loc>
      <video:title><![CDATA[Floating Image Gallery — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An interactive, multi-layered floating image gallery that tracks mouse movement. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/floating-image-gallery.mp4</video:content_loc>
      <video:publication_date>2024-12-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/floating-navbar</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/floating-navbar.png</video:thumbnail_loc>
      <video:title><![CDATA[Floating Navbar — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A floating, animated navbar with mobile menu overlay. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/floating-navbar.mp4</video:content_loc>
      <video:publication_date>2026-07-09</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/floating-pill-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/floating-pill-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Floating Pill — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A massive stacked typography footer with a floating pill CTA. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/floating-pill-footer.mp4</video:content_loc>
      <video:publication_date>2025-09-30</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/floating-toolbar</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/floating-toolbar.png</video:thumbnail_loc>
      <video:title><![CDATA[Floating Toolbar — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An elegant floating toolbar with animated selection indicators. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/floating-toolbar.mp4</video:content_loc>
      <video:publication_date>2026-06-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/focus-swiper</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/focus-swiper.png</video:thumbnail_loc>
      <video:title><![CDATA[Focus Swiper — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[Single image swiper with focus effects and smooth navigation. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/focus-swiper.mp4</video:content_loc>
      <video:publication_date>2026-04-03</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/founder-story-about</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/founder-story-about.png</video:thumbnail_loc>
      <video:title><![CDATA[Founder Story — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A split layout featuring a founder's portrait and a personalized origin story. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready about element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/founder-story-about.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/frosted-glass-dock</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/frosted-glass-dock.png</video:thumbnail_loc>
      <video:title><![CDATA[Frosted Glass Dock — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A macOS-inspired floating dock made of thick, frosted glass with glossy borders. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/frosted-glass-dock.mp4</video:content_loc>
      <video:publication_date>2025-09-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/fullscreen-menu</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/fullscreen-menu.png</video:thumbnail_loc>
      <video:title><![CDATA[Fullscreen Menu — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An immersive full-screen overlay menu with staggered link entrance animations. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/fullscreen-menu.mp4</video:content_loc>
      <video:publication_date>2026-07-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/geometric-cutout-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/geometric-cutout-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Geometric Cutout — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A massive cutout typography footer with geometric shapes. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/geometric-cutout-footer.mp4</video:content_loc>
      <video:publication_date>2025-11-07</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/glass-editorial-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/glass-editorial-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Glass Editorial — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An avant-garde light-mode hero with oversized display type masked behind glassmorphic panels. The blurred text-image interplay creates a sense of luxury and creative sophistication. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/glass-editorial-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/glass-modal-contact</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/glass-modal-contact.png</video:thumbnail_loc>
      <video:title><![CDATA[Glassmorphic Modal — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A glowing, blurred glassmorphism modal for an immersive contact experience. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready contact element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/glass-modal-contact.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/glass-morph-navbar</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/glass-morph-navbar.png</video:thumbnail_loc>
      <video:title><![CDATA[Glass Morphing Navbar — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A glass navbar that changes shape on scroll. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/glass-morph-navbar.mp4</video:content_loc>
      <video:publication_date>2025-12-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/glass-panel-testimonial</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/glass-panel-testimonial.png</video:thumbnail_loc>
      <video:title><![CDATA[Glass Panel Testimonial — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A large translucent frosted glass panel with heavily blurred, animated gradients behind it. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/glass-panel-testimonial.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/gliding-glass-pill</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/gliding-glass-pill.png</video:thumbnail_loc>
      <video:title><![CDATA[Gliding Glass Pill — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A floating pill navigation where the active indicator itself is a piece of sliding frosted glass. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/gliding-glass-pill.mp4</video:content_loc>
      <video:publication_date>2026-01-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/glitch-text-error</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/glitch-text-error.png</video:thumbnail_loc>
      <video:title><![CDATA[Cyberpunk Glitch 404 — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A high-tension 404 state featuring RGB split glitch effects, distortion, and static noise. Ideal for Web3, gaming, and developer-focused tools. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready error pages element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/glitch-text-error.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/glitch-text-testimonial</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/glitch-text-testimonial.png</video:thumbnail_loc>
      <video:title><![CDATA[Glitch Text Testimonial — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A cyberpunk-inspired layout where text occasionally glitches with CSS animations. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/glitch-text-testimonial.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/glow-navigation</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/glow-navigation.png</video:thumbnail_loc>
      <video:title><![CDATA[Glow Navigation — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A futuristic navigation menu featuring glowing active states and hover effects. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/glow-navigation.mp4</video:content_loc>
      <video:publication_date>2026-07-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/gooey-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/gooey-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Gooey — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Gooey block section. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/gooey-footer.mp4</video:content_loc>
      <video:publication_date>2026-01-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/gradient-blur-error</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/gradient-blur-error.png</video:thumbnail_loc>
      <video:title><![CDATA[Glowing Mesh 404 — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A premium glassmorphic 404 screen illuminated by slow-moving, ambient mesh gradient orbs. Sophisticated and modern. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready error pages element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/gradient-blur-error.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/grid-parallax-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/grid-parallax-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Grid Parallax — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A 3×3 image grid where each tile scrolls at a slightly different speed, creating a rich parallax depth effect behind a central bold headline. Dynamic, immersive, and deeply engaging. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/grid-parallax-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/gsap-rotated-stack</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/gsap-rotated-stack.png</video:thumbnail_loc>
      <video:title><![CDATA[GSAP Rotated Stack — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[GSAP-powered card stack with rotation effects and advanced scroll triggers. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/gsap-rotated-stack.mp4</video:content_loc>
      <video:publication_date>2026-07-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/hologram-card-testimonial</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/hologram-card-testimonial.png</video:thumbnail_loc>
      <video:title><![CDATA[Hologram Card Testimonial — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[Sci-fi testimonial cards designed to look like a floating hologram projection with scanlines. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/hologram-card-testimonial.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/holographic-navbar</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/holographic-navbar.png</video:thumbnail_loc>
      <video:title><![CDATA[Holographic Navbar — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A sci-fi holographic projection navbar with moving scanlines, chromatic aberration on hover, corner brackets, and random flicker effect. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/holographic-navbar.mp4</video:content_loc>
      <video:publication_date>2026-03-31</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/hover-cards-features</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/hover-cards-features.png</video:thumbnail_loc>
      <video:title><![CDATA[Hover Cards Features Section — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A grid of cards that reveal hidden background graphics and details on hover. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready features element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/hover-cards-features.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/hover-reveal-nav-header</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/hover-reveal-nav-header.png</video:thumbnail_loc>
      <video:title><![CDATA[Hover Reveal Nav Header — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A giant editorial navigation where each link reveals a sliding background pill and arrow on hover. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/hover-reveal-nav-header.mp4</video:content_loc>
      <video:publication_date>2025-09-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/image-lightbox</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/image-lightbox.png</video:thumbnail_loc>
      <video:title><![CDATA[Image Lightbox — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A responsive image gallery grid that opens a fullscreen lightbox featuring crossfade transitions. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/image-lightbox.mp4</video:content_loc>
      <video:publication_date>2025-12-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/infinite-canvas-gallery</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/infinite-canvas-gallery.png</video:thumbnail_loc>
      <video:title><![CDATA[Infinite Canvas Gallery — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A 2D draggable moodboard canvas filled with scattered images. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/infinite-canvas-gallery.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/interactive-bento-gallery</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/interactive-bento-gallery.png</video:thumbnail_loc>
      <video:title><![CDATA[Interactive Bento Gallery — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A responsive bento grid that dynamically resizes elements on hover using flex layout. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/interactive-bento-gallery.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/interactive-game-error</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/interactive-game-error.png</video:thumbnail_loc>
      <video:title><![CDATA[Evasive Target 404 — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A highly interactive 404 state where the main button actively evades the user's cursor. A frustratingly fun micro-interaction that makes dead ends memorable. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready error pages element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/interactive-game-error.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/interactive-terminal-features</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/interactive-terminal-features.png</video:thumbnail_loc>
      <video:title><![CDATA[Interactive Terminal Features Section — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A mock terminal that types out commands alongside matching feature descriptions. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready features element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/interactive-terminal-features.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/investor-logos-about</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/investor-logos-about.png</video:thumbnail_loc>
      <video:title><![CDATA[Investor Logos — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A dark-themed section showcasing backing VCs and notable angel investors. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready about element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/investor-logos-about.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/kinetic-typography-cta</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/kinetic-typography-cta.png</video:thumbnail_loc>
      <video:title><![CDATA[Kinetic Typography CTA — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A bold, typographic CTA where hover interactions cause the text letters to shift, jiggle, and change colors. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready cta element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/kinetic-typography-cta.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/linear-glow-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/linear-glow-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Linear Glow — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A dark-mode SaaS hero inspired by Linear's design language — hairline borders, subtle radial gradients, and a glowing product UI mockup that feels like it was shipped by a world-class product team. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/linear-glow-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/liquid-morph-nav</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/liquid-morph-nav.png</video:thumbnail_loc>
      <video:title><![CDATA[Liquid Morph Tab Bar — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A floating navigation pill where the active state indicator behaves like an organic liquid. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/liquid-morph-nav.mp4</video:content_loc>
      <video:publication_date>2026-03-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/lost-in-space-error</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/lost-in-space-error.png</video:thumbnail_loc>
      <video:title><![CDATA[Lost In Space 404 — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An immersive, dark-mode 404 experience featuring a floating astronaut and a cinematic starry backdrop. Converts a missing page into an exploration. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready error pages element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/lost-in-space-error.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/lumin-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/lumin-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Lumin — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A dark, abstract hero with glowing blue volumetric light sources floating over a deep background, anchored by a bottom stats bar. Perfect for AI, analytics, and next-gen tech products. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/lumin-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/dock</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/dock.png</video:thumbnail_loc>
      <video:title><![CDATA[Mac OS Dock — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An interactive dock component inspired by macOS dock with animation capabilities. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/dock.mp4</video:content_loc>
      <video:publication_date>2026-07-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/magnetic-card-gallery</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/magnetic-card-gallery.png</video:thumbnail_loc>
      <video:title><![CDATA[Magnetic Card Gallery — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A stunning dark-mode hero section featuring canvas particle physics, 3D magnetic tilt cards with dynamic spotlight shading, animated gradient text, and a smooth ticker strip. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready sections element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/magnetic-card-gallery.mp4</video:content_loc>
      <video:publication_date>2026-05-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/magnetic-peel-stack</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/magnetic-peel-stack.png</video:thumbnail_loc>
      <video:title><![CDATA[Magnetic Peel Stack — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A vertical stack of cards you can peel off with physics to reveal the next. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/magnetic-peel-stack.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/magnetic-pull-navbar</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/magnetic-pull-navbar.png</video:thumbnail_loc>
      <video:title><![CDATA[Magnetic Pull Navbar — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[Each nav item has magnetic pull physics — items physically drift toward your cursor and snap back, revealing a sub-label when active. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/magnetic-pull-navbar.mp4</video:content_loc>
      <video:publication_date>2025-09-27</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/magnetic-slide-navbar</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/magnetic-slide-navbar.png</video:thumbnail_loc>
      <video:title><![CDATA[Magnetic Slide Navbar — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A clean, minimalist top navbar with a magnetic sliding background indicator. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/magnetic-slide-navbar.mp4</video:content_loc>
      <video:publication_date>2025-10-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/manual-carousel</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/manual-carousel.png</video:thumbnail_loc>
      <video:title><![CDATA[Manual Carousel — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A lightweight horizontal carousel with manual navigation controls. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/manual-carousel.mp4</video:content_loc>
      <video:publication_date>2026-05-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/marquee-cards-features</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/marquee-cards-features.png</video:thumbnail_loc>
      <video:title><![CDATA[Marquee Cards Features Section — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A continuously scrolling marquee of mini feature cards. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready features element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/marquee-cards-features.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/marquee-cta</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/marquee-cta.png</video:thumbnail_loc>
      <video:title><![CDATA[Marquee CTA — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An infinite scrolling text marquee background with a solid, contrasting CTA card floating in the center. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready cta element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/marquee-cta.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/marquee-testimonial</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/marquee-testimonial.png</video:thumbnail_loc>
      <video:title><![CDATA[Marquee Testimonial — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[Infinite scrolling rows of testimonial cards moving in opposite directions. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/marquee-testimonial.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/mascot-newsletter-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/mascot-newsletter-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Mascot Newsletter — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A playful layout featuring an interactive floating mascot character. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/mascot-newsletter-footer.mp4</video:content_loc>
      <video:publication_date>2025-12-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/mask-reveal-cta</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/mask-reveal-cta.png</video:thumbnail_loc>
      <video:title><![CDATA[Mask Reveal CTA — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A highly interactive CTA where moving the mouse reveals a vibrant underlying layer through a CSS mask. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready cta element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/mask-reveal-cta.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/mask-reveal-testimonial</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/mask-reveal-testimonial.png</video:thumbnail_loc>
      <video:title><![CDATA[Mask Reveal Testimonial — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A massive text quote where hovering over it reveals a background image or video through a dynamic CSS mask. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/mask-reveal-testimonial.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/metaverse-portal-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/metaverse-portal-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Metaverse Portal — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A deep CSS 3D perspective tunnel that warps and recedes infinitely into the screen. An immersive, spatial hero for VR, metaverse, gaming, and XR product launches. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/metaverse-portal-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/mindora-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/mindora-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Mindora — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A massive, neon green glowing dark footer with large typography. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/mindora-footer.mp4</video:content_loc>
      <video:publication_date>2026-08-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/minimal-cta-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/minimal-cta-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Minimal Cta — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An ultra-minimal footer with a huge outlined CTA text at the center. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/minimal-cta-footer.mp4</video:content_loc>
      <video:publication_date>2025-09-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/minimal-dark-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/minimal-dark-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Minimal Dark — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Minimal Dark block section. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/minimal-dark-footer.mp4</video:content_loc>
      <video:publication_date>2026-06-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/minimal-studio-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/minimal-studio-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Minimal Studio — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A stark, typography-driven footer for agencies and portfolios featuring huge brand text. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/minimal-studio-footer.mp4</video:content_loc>
      <video:publication_date>2026-08-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/minimal-type-error</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/minimal-type-error.png</video:thumbnail_loc>
      <video:title><![CDATA[Kinetic Type 404 — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A stark, typography-led 404 state featuring massive 3D numbers that react fluidly to the user's mouse movement. Unapologetically minimal.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/minimal-type-error.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/minimal-typeform-contact</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/minimal-typeform-contact.png</video:thumbnail_loc>
      <video:title><![CDATA[Minimal Flow Experience — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A full-screen, single-input-at-a-time minimal form experience. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready contact element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/minimal-typeform-contact.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/reveal-navbar</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/reveal-navbar.png</video:thumbnail_loc>
      <video:title><![CDATA[Minimalist Reveal Navbar — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A smart navbar that hides on scroll down and reveals on scroll up or hover near the top edge. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/reveal-navbar.mp4</video:content_loc>
      <video:publication_date>2026-04-11</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/mission-vision-about</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/mission-vision-about.png</video:thumbnail_loc>
      <video:title><![CDATA[Mission & Vision — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A clean, split layout highlighting the core mission and vision with large typography. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready about element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/mission-vision-about.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/mistpeak-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/mistpeak-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[MistPeak — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A serene, mountain-fog hero with a nature backdrop, stacked avatar cluster, and a glassmorphic search CTA at its center. Calming, premium, and ideal for travel and wellness apps. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/mistpeak-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/modernist-grid-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/modernist-grid-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Modernist Grid — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An editorial grid-based layout anchored by a yellow accent. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/modernist-grid-footer.mp4</video:content_loc>
      <video:publication_date>2026-05-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/monochrome-split-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/monochrome-split-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Monochrome Split — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A 50/50 split monochrome footer with strong contrast and clear typography. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/monochrome-split-footer.mp4</video:content_loc>
      <video:publication_date>2026-04-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/morph-gallery</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/morph-gallery.png</video:thumbnail_loc>
      <video:title><![CDATA[Morphing Dialog Gallery — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A sleek image grid that morphs into a full-screen immersive lightbox when clicked. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/morph-gallery.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/morphing-sidebar-nav</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/morphing-sidebar-nav.png</video:thumbnail_loc>
      <video:title><![CDATA[Morphing Sidebar Nav — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A sleek vertical sidebar on desktop that morphs into a fluid bottom navigation on mobile. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/morphing-sidebar-nav.mp4</video:content_loc>
      <video:publication_date>2025-12-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/mouse-effects-showcase</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/mouse-effects-showcase.png</video:thumbnail_loc>
      <video:title><![CDATA[Mouse Effects Showcase — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A premium block featuring advanced interactive mouse effects like a difference custom cursor, magnetic elements, and a dynamic vector field. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready sections element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/mouse-effects-showcase.mp4</video:content_loc>
      <video:publication_date>2026-03-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/multi-step-contact</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/multi-step-contact.png</video:thumbnail_loc>
      <video:title><![CDATA[Multi-Step Wizard — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A wizard-style contact form broken down into steps with a progress bar. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready contact element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/multi-step-contact.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/navbar</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/navbar.png</video:thumbnail_loc>
      <video:title><![CDATA[Navbar — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A clean and highly responsive navigation header designed for modern web apps. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/navbar.mp4</video:content_loc>
      <video:publication_date>2026-05-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/neon-agency-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/neon-agency-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Neon Agency — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A bold agency footer with a massive bottom block and neon colors. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/neon-agency-footer.mp4</video:content_loc>
      <video:publication_date>2025-11-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/neon-border-testimonial</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/neon-border-testimonial.png</video:thumbnail_loc>
      <video:title><![CDATA[Neon Border Testimonial — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[Dark background cards featuring an animated, spinning neon gradient border. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/neon-border-testimonial.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/neon-grid-cta</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/neon-grid-cta.png</video:thumbnail_loc>
      <video:title><![CDATA[Neon Grid CTA — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A retro-wave synthwave inspired CTA featuring a glowing, perspective grid floor and a highly saturated neon CTA button. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready cta element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/neon-grid-cta.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/neon-sign-navbar</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/neon-sign-navbar.png</video:thumbnail_loc>
      <video:title><![CDATA[Neon Sign Navbar — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A retro neon sign navbar where each item is an individually illuminated neon sign that flickers to life on activation with a startup sequence. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/neon-sign-navbar.mp4</video:content_loc>
      <video:publication_date>2026-06-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/neon-underline-navbar</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/neon-underline-navbar.png</video:thumbnail_loc>
      <video:title><![CDATA[Neon Underline Navbar — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A dark hacker-style navbar with an electric neon bar that shoots between links with a glowing violet trail. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/neon-underline-navbar.mp4</video:content_loc>
      <video:publication_date>2026-05-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/newsletter-form-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/newsletter-form-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Newsletter Form — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A high-energy footer with massive newsletter form inputs. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/newsletter-form-footer.mp4</video:content_loc>
      <video:publication_date>2025-11-03</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/newsletter-subscription-contact</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/newsletter-subscription-contact.png</video:thumbnail_loc>
      <video:title><![CDATA[Newsletter Subscription Form — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A beautiful, prominent newsletter capture form. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready contact element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/newsletter-subscription-contact.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/nexa-mac-showcase</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/nexa-mac-showcase.png</video:thumbnail_loc>
      <video:title><![CDATA[Nexa Mac Showcase — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A premium, Apple-style hero section featuring sleek typography, smooth image carousels, and inverted corner details. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/nexa-mac-showcase.mp4</video:content_loc>
      <video:publication_date>2026-08-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/nft-grid-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/nft-grid-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[NFT Grid — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A scrolling masonry grid of NFT artwork tiles auto-plays behind a clean central glassmorphic card. The contrast between raw digital art and refined UI creates an unforgettable first impression. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/nft-grid-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/non-rectangular-svg-header</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/non-rectangular-svg-header.png</video:thumbnail_loc>
      <video:title><![CDATA[Non Rectangular SVG Header — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[Non-rectangular CSS Headers With Inline SVG. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready grids & layouts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/non-rectangular-svg-header.mp4</video:content_loc>
      <video:publication_date>2025-08-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/notch-navbar</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/notch-navbar.png</video:thumbnail_loc>
      <video:title><![CDATA[Notch Navbar — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A modern floating navigation bar resembling a device notch that expands smoothly. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/notch-navbar.mp4</video:content_loc>
      <video:publication_date>2025-11-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/nothing-grid-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/nothing-grid-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Nothing Grid — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A mechanical, dot-matrix hero inspired by Nothing's Glyph aesthetic. Monochrome grids, precise typography, and deliberate empty space for hardware brands, dev tools, and design-forward products. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/nothing-grid-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/office-gallery-about</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/office-gallery-about.png</video:thumbnail_loc>
      <video:title><![CDATA[Office Gallery — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An offset masonry-style image gallery to show off company culture and workspace. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready about element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/office-gallery-about.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/orbit-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/orbit-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Orbit — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A space-themed footer with 3D orbital rings rotating around the central brand. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/orbit-footer.mp4</video:content_loc>
      <video:publication_date>2026-08-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/orbix-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/orbix-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Orbix — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A bold monochrome hero with a signature dotted-gradient arc, crisp sans-serif headline, and a bottom row of product feature icons. Confident, geometric, and ready for enterprise SaaS. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/orbix-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/overlapping-glass-nav</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/overlapping-glass-nav.png</video:thumbnail_loc>
      <video:title><![CDATA[Overlapping Glass Panes — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A multi-tiered navigation system that uses overlapping blurs to create gorgeous depth. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/overlapping-glass-nav.mp4</video:content_loc>
      <video:publication_date>2025-10-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/parallax-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/parallax-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Parallax — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Parallax block section. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/parallax-footer.mp4</video:content_loc>
      <video:publication_date>2025-12-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/parallax-image-header</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/parallax-image-header.png</video:thumbnail_loc>
      <video:title><![CDATA[Parallax Image Header — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[Header Image Parallax Scrolling Effect With CSS. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/parallax-image-header.mp4</video:content_loc>
      <video:publication_date>2026-05-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/particle-burst-navbar</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/particle-burst-navbar.png</video:thumbnail_loc>
      <video:title><![CDATA[Particle Burst Navbar — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An interactive navbar that explodes a burst of colorful particles from your cursor on every click. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/particle-burst-navbar.mp4</video:content_loc>
      <video:publication_date>2025-12-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/partners-ecosystem-about</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/partners-ecosystem-about.png</video:thumbnail_loc>
      <video:title><![CDATA[Partners Ecosystem — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A dynamic layout showcasing technology partners and ecosystem integrations. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready about element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/partners-ecosystem-about.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/perspective-carousel</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/perspective-carousel.png</video:thumbnail_loc>
      <video:title><![CDATA[Perspective Carousel — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[Coverflow-style carousel with 3D perspective and smooth transitions. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/perspective-carousel.mp4</video:content_loc>
      <video:publication_date>2025-12-30</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/portfolio-cursor-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/portfolio-cursor-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Portfolio Cursor — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A minimalist designer portfolio hero with a custom expanding cursor that morphs from a dot into a full image preview on hover over project titles. A show-don't-tell interaction that lets work speak for itself. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/portfolio-cursor-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/precision-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/precision-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Precision — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A razor-refined component library hero built for developer-facing products. Monospace accents, perfect grid alignment, and a code preview panel that positions your product as the gold standard of craft. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/precision-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/product-feature-cta</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/product-feature-cta.png</video:thumbnail_loc>
      <video:title><![CDATA[Product Feature CTA — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An e-commerce style CTA embedded inside a large product feature highlight with a gradient overlay. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready cta element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/product-feature-cta.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/rating-stars-testimonial</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/rating-stars-testimonial.png</video:thumbnail_loc>
      <video:title><![CDATA[Rating Stars Testimonial — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[Customer reviews emphasizing 5-star ratings and an aggregate rating header. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/rating-stars-testimonial.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/responsive-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/responsive-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Responsive — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Responsive block section. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/responsive-footer.mp4</video:content_loc>
      <video:publication_date>2026-02-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/retreats-grid-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/retreats-grid-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Retreats Grid — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A dark hero section that dissolves into a warm, fiery pixelated mosaic grid as the page loads. An unexpected, artistic transition for retreat brands, wellness resorts, and immersive experiences. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/retreats-grid-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/retreats-painting-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/retreats-painting-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Retreats Painting — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A painterly full-screen landscape hero with soft brushstroke aesthetics and a subtle inline search bar. Evokes calm, space, and stillness — perfectly tuned for wellness retreats and nature escapes. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/retreats-painting-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/saas-cmd-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/saas-cmd-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[SaaS Command — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A productivity hero that leads with an oversized, fully interactive command palette UI. Typing, filtering, and navigating the fake CLI instantly communicates the speed and power of your product. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/saas-cmd-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/saas-gradient-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/saas-gradient-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[SaaS Gradient — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A financial SaaS hero with bold multi-stop color gradients, stark high-contrast typography, and floating metric cards. Rich, energetic, and designed to signal growth and momentum. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/saas-gradient-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/saas-mega-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/saas-mega-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[SaaS Mega — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A comprehensive, multi-column footer for SaaS products with a newsletter signup and rich brand section. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/saas-mega-footer.mp4</video:content_loc>
      <video:publication_date>2026-08-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/saas-parallax-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/saas-parallax-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[SaaS Parallax — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A gaming or social platform hero with multiple 3D-layered floating UI elements, depth-of-field blur, and parallax motion tied to scroll. Immersive, alive, and impossible to ignore. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/saas-parallax-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/saas-triangle-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/saas-triangle-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[SaaS Triangle — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A high-contrast developer tool hero with sharp geometric triangle shapes, glowing green accents, and a terminal code snippet. Precise, technical, and engineered to convert developers on sight. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/saas-triangle-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/saas-video-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/saas-video-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[SaaS Video — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A full-bleed video or cinematic image hero with a large centered search bar and floating destination chips. Instantly sets the scene for travel apps, booking platforms, and experience-first products. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/saas-video-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/scroll-card-stack</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/scroll-card-stack.png</video:thumbnail_loc>
      <video:title><![CDATA[Scroll Card Stack — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[Stacked cards with scroll-triggered reveal animations and depth effects. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/scroll-card-stack.mp4</video:content_loc>
      <video:publication_date>2026-07-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/scroll-depth-trigger</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/scroll-depth-trigger.png</video:thumbnail_loc>
      <video:title><![CDATA[Scroll Depth Trigger — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[Triggers complex animations or state changes based on exact scroll depth. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/scroll-depth-trigger.mp4</video:content_loc>
      <video:publication_date>2026-07-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/scroll-card-reveal</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/scroll-card-reveal.png</video:thumbnail_loc>
      <video:title><![CDATA[Scroll Driven Card Reveal — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[Cards that animate into view as you scroll. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready sections element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/scroll-card-reveal.mp4</video:content_loc>
      <video:publication_date>2025-10-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/scroll-snap-section</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/scroll-snap-section.png</video:thumbnail_loc>
      <video:title><![CDATA[Scroll Snap Section — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[Full viewport height sections with CSS scroll snapping and smooth transitions. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready sections element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/scroll-snap-section.mp4</video:content_loc>
      <video:publication_date>2026-01-11</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/scrolling-columns-testimonial</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/scrolling-columns-testimonial.png</video:thumbnail_loc>
      <video:title><![CDATA[Scrolling Columns Testimonial — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[Three vertical columns of review cards auto-scrolling in opposite directions for an engaging visual layout. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/scrolling-columns-testimonial.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/scrolling-progress-header</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/scrolling-progress-header.png</video:thumbnail_loc>
      <video:title><![CDATA[Scrolling Progress Header — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A sticky navbar with a reading progress bar at the bottom edge and active section highlighting. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/scrolling-progress-header.mp4</video:content_loc>
      <video:publication_date>2026-02-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/scrolling-team-about</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/scrolling-team-about.png</video:thumbnail_loc>
      <video:title><![CDATA[Scrolling Team — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A horizontally scrolling section that reveals team members as the user scrolls down. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready about element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/scrolling-team-about.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/service-grid-section</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/service-grid-section.png</video:thumbnail_loc>
      <video:title><![CDATA[Service Grid Section — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A staggered grid layout featuring images with stylized CSS masks and hover scaling effects. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready grids & layouts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/service-grid-section.mp4</video:content_loc>
      <video:publication_date>2025-08-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/single-quote-testimonial</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/single-quote-testimonial.png</video:thumbnail_loc>
      <video:title><![CDATA[Single Quote Testimonial — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An ultra-minimalist, high-impact design focusing entirely on a single large quote. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/single-quote-testimonial.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/soft-glow-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/soft-glow-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Soft Glow — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A dreamy, pastel hero with animated mesh gradient orbs, frosted-glass card panels, and gentle glow halos. Approachable, modern, and ideal for consumer apps, health products, and social platforms. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/soft-glow-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/solari-flip-navbar</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/solari-flip-navbar.png</video:thumbnail_loc>
      <video:title><![CDATA[Solari Flip Navbar — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An airport departure-board inspired navbar where characters flip through random glyphs to reveal each destination, with amber neon glow. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/solari-flip-navbar.mp4</video:content_loc>
      <video:publication_date>2026-03-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/spatial-parallax-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/spatial-parallax-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Spatial Glass — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A visionOS-inspired hero with ultra-thick frosted glass panels that float with parallax depth as you scroll. A spatial computing aesthetic that signals the future of human-computer interaction. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/spatial-parallax-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/spatial-image-ring</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/spatial-image-ring.png</video:thumbnail_loc>
      <video:title><![CDATA[Spatial Image Ring — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A 3D spatial ring of images that rotates dynamically in response to user scroll. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/spatial-image-ring.mp4</video:content_loc>
      <video:publication_date>2026-07-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/spectral-ghost</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/spectral-ghost.png</video:thumbnail_loc>
      <video:title><![CDATA[Spectral Ghost — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An interactive spectral ghost experience with haunting visuals and analog decay effects. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready sections element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/spectral-ghost.mp4</video:content_loc>
      <video:publication_date>2026-02-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/hero-section-split</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/hero-section-split.png</video:thumbnail_loc>
      <video:title><![CDATA[Split Layout — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A premium asymmetric split hero with a left-side bold editorial grid and a right-side infinite 3D image stack. Dynamic, interactive, and architecturally strong — every pixel earns its place. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/hero-section-split.mp4</video:content_loc>
      <video:publication_date>2025-11-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/split-screen-contact</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/split-screen-contact.png</video:thumbnail_loc>
      <video:title><![CDATA[Split Screen Outreach — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A 50/50 split layout with contact info on one side and a form on the other. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready contact element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/split-screen-contact.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/spotlight-navbar</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/spotlight-navbar.png</video:thumbnail_loc>
      <video:title><![CDATA[Spotlight Glow Navbar — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A sleek top navigation bar featuring a high-end spotlight effect that tracks the cursor. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/spotlight-navbar.mp4</video:content_loc>
      <video:publication_date>2025-11-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/spotlight-testimonial</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/spotlight-testimonial.png</video:thumbnail_loc>
      <video:title><![CDATA[Spotlight Testimonial — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[Dark mode testimonial cards where a subtle radial spotlight gradient follows the mouse cursor. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/spotlight-testimonial.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/stacked-card-swiper</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/stacked-card-swiper.png</video:thumbnail_loc>
      <video:title><![CDATA[Stacked Card Swiper — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[Card-based swiper with stacking effects and gesture controls. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/stacked-card-swiper.mp4</video:content_loc>
      <video:publication_date>2026-05-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/stacked-cards-testimonial</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/stacked-cards-testimonial.png</video:thumbnail_loc>
      <video:title><![CDATA[Stacked Cards Testimonial — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An interactive layout where testimonial cards stack on top of each other, revealing the next when clicked. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/stacked-cards-testimonial.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/sticky-headers-be-sticky</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/sticky-headers-be-sticky.png</video:thumbnail_loc>
      <video:title><![CDATA[Sticky Headers Be Sticky — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Sticky Headers Be Sticky block section. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/sticky-headers-be-sticky.mp4</video:content_loc>
      <video:publication_date>2025-10-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/sticky-scroll-features</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/sticky-scroll-features.png</video:thumbnail_loc>
      <video:title><![CDATA[Sticky Scroll Features Section — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[Scrolling text on the left with dynamic, sticky imagery on the right. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready features element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/sticky-scroll-features.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/studio-split-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/studio-split-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Studio Split — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A clean 50/50 split-screen hero with a device or product visual on one side and agency-grade typography on the other. A reliable, high-converting layout that never goes out of style. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/studio-split-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/stylish-carousel</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/stylish-carousel.png</video:thumbnail_loc>
      <video:title><![CDATA[Stylish Carousel — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A fan-style curved image carousel using Framer Motion. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/stylish-carousel.mp4</video:content_loc>
      <video:publication_date>2026-07-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/swipe-carousel</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/swipe-carousel.png</video:thumbnail_loc>
      <video:title><![CDATA[Swipe Carousel — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A beautiful scrollable/swipeable horizontal carousel for showcasing cards. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/swipe-carousel.mp4</video:content_loc>
      <video:publication_date>2025-10-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/synasite-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/synasite-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Synasite — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A pitch-black hero with a single vertical neon-green stripe and a boxed, terminal-style navigation. Minimal to the extreme — for developer tools, CLIs, and infrastructure products that mean business. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/synasite-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/tabbed-interface-features</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/tabbed-interface-features.png</video:thumbnail_loc>
      <video:title><![CDATA[Tabbed Interface Features Section — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An interactive tabbed component for switching between different feature sets. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready features element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/tabbed-interface-features.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/tall-typography-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/tall-typography-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Tall Typography — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A dark grid footer anchored by extremely tall stretched typography. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/tall-typography-footer.mp4</video:content_loc>
      <video:publication_date>2025-08-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/terminal-cta</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/terminal-cta.png</video:thumbnail_loc>
      <video:title><![CDATA[Terminal CTA — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A developer-focused CTA styled like a Mac terminal window featuring a simulated install command and copy functionality. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready cta element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/terminal-cta.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/tesla-spatial-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/tesla-spatial-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Tesla Spatial — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A full-bleed cinematic hero with a dramatic landscape photograph, an ultra-thin frosted glass bottom bar, and Tesla-style performance stats. Immersive, prestigious, and engineered for impact. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/tesla-spatial-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/text-roll-navigation</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/text-roll-navigation.png</video:thumbnail_loc>
      <video:title><![CDATA[Text Roll Navigation — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[Navigation menu with text roll hover effects and staggered character animations Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/text-roll-navigation.mp4</video:content_loc>
      <video:publication_date>2026-07-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/tilt-card-navbar</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/tilt-card-navbar.png</video:thumbnail_loc>
      <video:title><![CDATA[Tilt Card Navbar — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A 3D perspective navbar that physically tilts to follow your mouse with a live glare reflection effect. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready navbars & menus element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/tilt-card-navbar.mp4</video:content_loc>
      <video:publication_date>2026-01-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/tilt-marquee-gallery</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/tilt-marquee-gallery.png</video:thumbnail_loc>
      <video:title><![CDATA[Tilt Marquee Gallery — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An infinite auto-scrolling marquee of images that tilt in 3D based on the cursor. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/tilt-marquee-gallery.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/tilted-scroll-grid</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/tilted-scroll-grid.png</video:thumbnail_loc>
      <video:title><![CDATA[Tilted Scroll Grid — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A skewed, dynamic grid layout that responds beautifully to page scroll. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/tilted-scroll-grid.mp4</video:content_loc>
      <video:publication_date>2025-11-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/timeline-about</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/timeline-about.png</video:thumbnail_loc>
      <video:title><![CDATA[Timeline — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A vertical timeline representing company history and milestones with animated nodes. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready about element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/timeline-about.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/token-swap-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/token-swap-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Token Swap — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A DeFi hero featuring a live interactive token swap widget as the primary UI. Real-time token calculations, animated fluid gradient backgrounds, and social proof make this conversion-ready out of the box. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/token-swap-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/tweet-grid-testimonial</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/tweet-grid-testimonial.png</video:thumbnail_loc>
      <video:title><![CDATA[Tweet Grid Testimonial — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A masonry layout of social media style testimonial cards, perfect for social proof. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready testimonials element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/tweet-grid-testimonial.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/typography-marquee-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/typography-marquee-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Typography Marquee — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A kinetic hero where three rows of giant display text scroll at different speeds and directions, creating a living typographic canvas. A floating image card and CTA panel sit at its center. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/typography-marquee-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/vault-cta</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/vault-cta.png</video:thumbnail_loc>
      <video:title><![CDATA[Vault Call To Action — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A stunning, interactive call-to-action block featuring a responsive cascading image strip and a dynamic spotlight cursor effect. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready sections element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/vault-cta.mp4</video:content_loc>
      <video:publication_date>2025-08-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/velocity-filmstrip</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/velocity-filmstrip.png</video:thumbnail_loc>
      <video:title><![CDATA[Velocity Filmstrip — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A horizontally scrolling filmstrip where images skew based on scroll velocity. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/velocity-filmstrip.mp4</video:content_loc>
      <video:publication_date>2024-01-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/velora-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/velora-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[VéLora — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A Japanese Ukiyo-e landscape hero with a refined pill-navigation bar, large painterly background, and a frosted-glass stats bar anchored to the bottom. Elegant, minimal, and deeply atmospheric. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/velora-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/volume-slider</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/volume-slider.png</video:thumbnail_loc>
      <video:title><![CDATA[Volume Slider — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An interactive volume slider with satisfying drag physics and visual feedback. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready carousels & galleries element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/volume-slider.mp4</video:content_loc>
      <video:publication_date>2026-07-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/watermark-brand-footer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/watermark-brand-footer.png</video:thumbnail_loc>
      <video:title><![CDATA[Watermark Brand — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A clean white footer anchored by a massive watermark brand name. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready footers element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/watermark-brand-footer.mp4</video:content_loc>
      <video:publication_date>2025-11-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/workflow-builder-features</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/workflow-builder-features.png</video:thumbnail_loc>
      <video:title><![CDATA[Workflow Builder Features Section — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[An animated node graph visually representing a drag-and-drop automation builder. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready features element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/workflow-builder-features.mp4</video:content_loc>
      <video:publication_date>2026-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/blocks/wrine-hero</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/blocks/img/wrine-hero.png</video:thumbnail_loc>
      <video:title><![CDATA[Wrine — React Block | SPY UI]]></video:title>
      <video:description><![CDATA[A dark editorial hero with a scenic golden-field backdrop, amber accent typography, category pills, and a floating trending-videos sidebar panel. Left-aligned, cinematic, and built to convert. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready hero element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/blocks/video/wrine-hero.mp4</video:content_loc>
      <video:publication_date>2026-08-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PieChartInteractiveDonut</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PieChartInteractiveDonut.png</video:thumbnail_loc>
      <video:title><![CDATA[Interactive Donut — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Hover over slices to see detailed value and expanding slice animation Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready pie charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PieChartInteractiveDonut.mp4</video:content_loc>
      <video:publication_date>2025-08-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PieChartStandard</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PieChartStandard.png</video:thumbnail_loc>
      <video:title><![CDATA[Standard Pie Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Basic pie chart with colored slices Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready pie charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PieChartStandard.mp4</video:content_loc>
      <video:publication_date>2026-06-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PieChartDonut</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PieChartDonut.png</video:thumbnail_loc>
      <video:title><![CDATA[Standard Donut Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Hollow center with animated value display Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready pie charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PieChartDonut.mp4</video:content_loc>
      <video:publication_date>2025-09-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PieChartLegend</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PieChartLegend.png</video:thumbnail_loc>
      <video:title><![CDATA[Legend Pie Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Interactive legend synced with chart hover Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready pie charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PieChartLegend.mp4</video:content_loc>
      <video:publication_date>2026-02-07</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PieChartPatterns</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PieChartPatterns.png</video:thumbnail_loc>
      <video:title><![CDATA[Patterned Pie Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Diagonal line patterns for each slice Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready pie charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PieChartPatterns.mp4</video:content_loc>
      <video:publication_date>2026-03-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/DonutChartPatterns</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/DonutChartPatterns.png</video:thumbnail_loc>
      <video:title><![CDATA[Patterned Donut Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Donut with patterned slices and center label Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready pie charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/DonutChartPatterns.mp4</video:content_loc>
      <video:publication_date>2026-05-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/DonutChartGrowHover</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/DonutChartGrowHover.png</video:thumbnail_loc>
      <video:title><![CDATA[Hover Pop Donut Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Donut with grow effect and center value Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready pie charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/DonutChartGrowHover.mp4</video:content_loc>
      <video:publication_date>2026-06-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChart3DCurve</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChart3DCurve.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Curved Line Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A smooth curved line chart featuring realistic 3D shadows and depth. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChart3DCurve.mp4</video:content_loc>
      <video:publication_date>2026-01-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChart3D</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChart3D.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Linear Line Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A line chart featuring realistic 3D shadows and depth. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChart3D.mp4</video:content_loc>
      <video:publication_date>2026-04-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChartVertical</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChartVertical.png</video:thumbnail_loc>
      <video:title><![CDATA[Vertical Line Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A line chart oriented vertically to show progression top-to-bottom. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChartVertical.mp4</video:content_loc>
      <video:publication_date>2025-12-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChartStep</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChartStep.png</video:thumbnail_loc>
      <video:title><![CDATA[Stepped Line Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A step line chart that visualizes sudden changes in data. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChartStep.mp4</video:content_loc>
      <video:publication_date>2026-07-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChartLiveStreaming</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChartLiveStreaming.png</video:thumbnail_loc>
      <video:title><![CDATA[Live Streaming Line Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Real-time data visualization with continuous updates. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready interactive charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChartLiveStreaming.mp4</video:content_loc>
      <video:publication_date>2026-05-30</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChart3DDepth</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChart3DDepth.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Depth Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Glass-block bars with perspective side + top faces Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChart3DDepth.mp4</video:content_loc>
      <video:publication_date>2026-06-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChart3DStacked</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChart3DStacked.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Stacked Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Stacked depth bars split into per-segment side faces Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChart3DStacked.mp4</video:content_loc>
      <video:publication_date>2026-01-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartStandard</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartStandard.png</video:thumbnail_loc>
      <video:title><![CDATA[Basic Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Default area with gradient fill and smooth curve Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartStandard.mp4</video:content_loc>
      <video:publication_date>2026-05-07</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartStandard</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartStandard.png</video:thumbnail_loc>
      <video:title><![CDATA[Basic Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Default vertical bar chart with rounded caps Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartStandard.mp4</video:content_loc>
      <video:publication_date>2026-05-30</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChartStandard</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChartStandard.png</video:thumbnail_loc>
      <video:title><![CDATA[Basic Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Basic solid filled funnel segments. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChartStandard.mp4</video:content_loc>
      <video:publication_date>2026-04-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartBottomHalf</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartBottomHalf.png</video:thumbnail_loc>
      <video:title><![CDATA[Bottom Half Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Same notch layout, but the arc runs 180° -> 360° Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartBottomHalf.mp4</video:content_loc>
      <video:publication_date>2026-05-03</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChartBounceAnimation</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChartBounceAnimation.png</video:thumbnail_loc>
      <video:title><![CDATA[Bounce Enter Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Spring bounce animation on segment enter. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChartBounceAnimation.mp4</video:content_loc>
      <video:publication_date>2026-03-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartInteractive</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartInteractive.png</video:thumbnail_loc>
      <video:title><![CDATA[Brush Zoom Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Use the brush strip to select and zoom into a time range Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartInteractive.mp4</video:content_loc>
      <video:publication_date>2026-05-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChartLabels</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChartLabels.png</video:thumbnail_loc>
      <video:title><![CDATA[Centered Labels Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Labels embedded directly within the funnel blocks. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChartLabels.mp4</video:content_loc>
      <video:publication_date>2026-03-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartCircularNotches</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartCircularNotches.png</video:thumbnail_loc>
      <video:title><![CDATA[Circular Notches Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Full default depth with a 22px corner radius for a capsule look Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartCircularNotches.mp4</video:content_loc>
      <video:publication_date>2025-08-30</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/CandlestickChartClassic</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/CandlestickChartClassic.png</video:thumbnail_loc>
      <video:title><![CDATA[Classic Candlestick — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Financial candlestick chart for trading data. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/CandlestickChartClassic.mp4</video:content_loc>
      <video:publication_date>2026-03-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartCompressedGradient</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartCompressedGradient.png</video:thumbnail_loc>
      <video:title><![CDATA[Compressed Gradient Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Gradient fades out quickly near the top Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartCompressedGradient.mp4</video:content_loc>
      <video:publication_date>2025-12-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartCustomTooltip</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartCustomTooltip.png</video:thumbnail_loc>
      <video:title><![CDATA[Custom Tooltip Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Formatted currency values in tooltip Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartCustomTooltip.mp4</video:content_loc>
      <video:publication_date>2026-02-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartDashedBg</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartDashedBg.png</video:thumbnail_loc>
      <video:title><![CDATA[Dashed & Solid Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Dashed outline with background, solid on hover Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartDashedBg.mp4</video:content_loc>
      <video:publication_date>2026-02-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChartDashed</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChartDashed.png</video:thumbnail_loc>
      <video:title><![CDATA[Projected Line — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Line chart featuring dashed stroke patterns. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChartDashed.mp4</video:content_loc>
      <video:publication_date>2026-04-11</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartDashedTail</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartDashedTail.png</video:thumbnail_loc>
      <video:title><![CDATA[Dashed Line Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[The entire line is dashed, except for the solid highlighted segment on hover Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartDashedTail.mp4</video:content_loc>
      <video:publication_date>2025-10-11</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartDashed</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartDashed.png</video:thumbnail_loc>
      <video:title><![CDATA[Dashed Outline Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Dashed Outline Bar data visualization chart. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartDashed.mp4</video:content_loc>
      <video:publication_date>2025-09-15</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartDenseData</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartDenseData.png</video:thumbnail_loc>
      <video:title><![CDATA[Dense Data Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[High density continuous date scale Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartDenseData.mp4</video:content_loc>
      <video:publication_date>2025-10-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChartDenseSpaced</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChartDenseSpaced.png</video:thumbnail_loc>
      <video:title><![CDATA[Dense Spaced Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Funnel chart with larger gaps and straight edges. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChartDenseSpaced.mp4</video:content_loc>
      <video:publication_date>2025-12-29</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartDotGridBackground</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartDotGridBackground.png</video:thumbnail_loc>
      <video:title><![CDATA[Dot Grid Background Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Area chart over a dot grid texture with edge fade Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartDotGridBackground.mp4</video:content_loc>
      <video:publication_date>2026-02-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartDotGridBackground</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartDotGridBackground.png</video:thumbnail_loc>
      <video:title><![CDATA[Dot Grid Background Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Bar chart over a dot grid texture with edge fade Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartDotGridBackground.mp4</video:content_loc>
      <video:publication_date>2025-11-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/CandlestickChartDotGridBackground</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/CandlestickChartDotGridBackground.png</video:thumbnail_loc>
      <video:title><![CDATA[Dot Grid Candlestick — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Candlestick chart over a dot grid texture with edge fade Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/CandlestickChartDotGridBackground.mp4</video:content_loc>
      <video:publication_date>2026-06-15</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartDualAxis</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartDualAxis.png</video:thumbnail_loc>
      <video:title><![CDATA[Dual Axis Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Independent left and right scales (biaxial) Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartDualAxis.mp4</video:content_loc>
      <video:publication_date>2025-08-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartDualAxis</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartDualAxis.png</video:thumbnail_loc>
      <video:title><![CDATA[Dual Axis Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Dual Axis Bar data visualization chart. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartDualAxis.mp4</video:content_loc>
      <video:publication_date>2025-12-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartDualGradient</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartDualGradient.png</video:thumbnail_loc>
      <video:title><![CDATA[Dual Gradient Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Foreground and background notches each get their own hex ramp Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartDualGradient.mp4</video:content_loc>
      <video:publication_date>2025-08-26</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartFadeEdges</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartFadeEdges.png</video:thumbnail_loc>
      <video:title><![CDATA[Fade Edges Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Area fill fades at the left and right edges Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartFadeEdges.mp4</video:content_loc>
      <video:publication_date>2026-05-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartFilled</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartFilled.png</video:thumbnail_loc>
      <video:title><![CDATA[Filled Radar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Solid filled regions with strokes on a radar. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartFilled.mp4</video:content_loc>
      <video:publication_date>2025-08-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartMultiple</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartMultiple.png</video:thumbnail_loc>
      <video:title><![CDATA[Multiple Series Radar Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Two models compared across five metrics Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartMultiple.mp4</video:content_loc>
      <video:publication_date>2026-05-27</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartContrasting</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartContrasting.png</video:thumbnail_loc>
      <video:title><![CDATA[Contrasting Profiles Radar Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Three metrics with two contrasting profiles Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartContrasting.mp4</video:content_loc>
      <video:publication_date>2026-04-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartFillOnly</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartFillOnly.png</video:thumbnail_loc>
      <video:title><![CDATA[Fill Only Radar Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Six metrics, fill only without stroke or dots Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartFillOnly.mp4</video:content_loc>
      <video:publication_date>2026-06-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartSingle</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartSingle.png</video:thumbnail_loc>
      <video:title><![CDATA[Single Series Radar Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[One asymmetric profile without corner dots Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartSingle.mp4</video:content_loc>
      <video:publication_date>2026-07-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartMinimal</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartMinimal.png</video:thumbnail_loc>
      <video:title><![CDATA[Minimal Radar Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[No grid labels, fewer levels, clean look Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartMinimal.mp4</video:content_loc>
      <video:publication_date>2026-03-26</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartGridOnly</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartGridOnly.png</video:thumbnail_loc>
      <video:title><![CDATA[Grid Only Radar Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[No axis lines for a softer appearance Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartGridOnly.mp4</video:content_loc>
      <video:publication_date>2026-05-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartGradientFill</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartGradientFill.png</video:thumbnail_loc>
      <video:title><![CDATA[Gradient Radar Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Beautiful gradient fill for a modern look Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartGradientFill.mp4</video:content_loc>
      <video:publication_date>2026-05-03</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartDashedStroke</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartDashedStroke.png</video:thumbnail_loc>
      <video:title><![CDATA[Dashed Outline Radar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Focus purely on the data shape with dashed strokes Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartDashedStroke.mp4</video:content_loc>
      <video:publication_date>2025-10-27</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartNeonGlow</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartNeonGlow.png</video:thumbnail_loc>
      <video:title><![CDATA[Neon Glow Radar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Intense cyberpunk bloom effect using SVG filters Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartNeonGlow.mp4</video:content_loc>
      <video:publication_date>2025-12-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartPolygonMesh</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartPolygonMesh.png</video:thumbnail_loc>
      <video:title><![CDATA[Intricate Mesh Radar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[12-axis highly detailed polygon mesh Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartPolygonMesh.mp4</video:content_loc>
      <video:publication_date>2026-03-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartCRTScanner</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartCRTScanner.png</video:thumbnail_loc>
      <video:title><![CDATA[CRT Sonar Scanner — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Retro sonar scanner with circular mesh and glowing pulse Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartCRTScanner.mp4</video:content_loc>
      <video:publication_date>2026-03-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartStarburstNodes</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartStarburstNodes.png</video:thumbnail_loc>
      <video:title><![CDATA[Starburst Constellation — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Custom diamond nodes forming an overlapping constellation Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartStarburstNodes.mp4</video:content_loc>
      <video:publication_date>2026-06-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartLaserBeam</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartLaserBeam.png</video:thumbnail_loc>
      <video:title><![CDATA[Laser Beam Radar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Overlapping layers create a lightsaber glow effect Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartLaserBeam.mp4</video:content_loc>
      <video:publication_date>2026-06-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartGlitch</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartGlitch.png</video:thumbnail_loc>
      <video:title><![CDATA[Chromatic Glitch Radar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[VHS 3D split effect using translate transforms Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartGlitch.mp4</video:content_loc>
      <video:publication_date>2025-10-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartAudioWave</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartAudioWave.png</video:thumbnail_loc>
      <video:title><![CDATA[Audio Visualizer — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[High-frequency 24-point radar resembling a soundwave Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartAudioWave.mp4</video:content_loc>
      <video:publication_date>2025-09-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartTopographic</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartTopographic.png</video:thumbnail_loc>
      <video:title><![CDATA[Topographic Elevation — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Contour lines generated by a stepped radial gradient Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartTopographic.mp4</video:content_loc>
      <video:publication_date>2025-12-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartStripedPattern</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartStripedPattern.png</video:thumbnail_loc>
      <video:title><![CDATA[Tactical Stripes — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Sleek diagonal hazard stripes using SVG pattern fills Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartStripedPattern.mp4</video:content_loc>
      <video:publication_date>2025-08-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartBlueprint</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartBlueprint.png</video:thumbnail_loc>
      <video:title><![CDATA[Blueprint Matrix — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Engineering cross-grid pattern for a technical UI look Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartBlueprint.mp4</video:content_loc>
      <video:publication_date>2025-12-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartCircuitBoard</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartCircuitBoard.png</video:thumbnail_loc>
      <video:title><![CDATA[Circuit Board — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Tech-inspired PCB trace pattern fill Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartCircuitBoard.mp4</video:content_loc>
      <video:publication_date>2026-04-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartPerforated</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartPerforated.png</video:thumbnail_loc>
      <video:title><![CDATA[Perforated Mesh — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Dense halftone dot pattern resembling a speaker grille Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartPerforated.mp4</video:content_loc>
      <video:publication_date>2026-03-03</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartIsometric</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartIsometric.png</video:thumbnail_loc>
      <video:title><![CDATA[Isometric Hologram — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[CSS 3D perspective transformation for a tabletop UI Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartIsometric.mp4</video:content_loc>
      <video:publication_date>2026-06-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartLayeredExtrusion</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartLayeredExtrusion.png</video:thumbnail_loc>
      <video:title><![CDATA[Layered Extrusion — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[SVG filters generate a thick 3D bevel/extrusion Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartLayeredExtrusion.mp4</video:content_loc>
      <video:publication_date>2026-05-27</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartDiamondWeave</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartDiamondWeave.png</video:thumbnail_loc>
      <video:title><![CDATA[Diamond Weave — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[3D geometric pyramid pattern fill Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartDiamondWeave.mp4</video:content_loc>
      <video:publication_date>2025-11-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartTargetMatrix</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartTargetMatrix.png</video:thumbnail_loc>
      <video:title><![CDATA[Target Matrix — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Repeating concentric bullseye radar dots Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartTargetMatrix.mp4</video:content_loc>
      <video:publication_date>2026-04-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartOrbital</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartOrbital.png</video:thumbnail_loc>
      <video:title><![CDATA[Orbital Constellation — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Custom SVG dots rendering complex orbital rings at data points Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartOrbital.mp4</video:content_loc>
      <video:publication_date>2025-10-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartFractalCrystal</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartFractalCrystal.png</video:thumbnail_loc>
      <video:title><![CDATA[Fractal Crystal — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Kaleidoscopic, polymorphic shard pattern fill Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartFractalCrystal.mp4</video:content_loc>
      <video:publication_date>2025-08-31</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartFlipped</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartFlipped.png</video:thumbnail_loc>
      <video:title><![CDATA[Flipped Sweep Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Same spacing and notch count, rotated so the gap sits on the opposite side Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartFlipped.mp4</video:content_loc>
      <video:publication_date>2025-10-27</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartGradient</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartGradient.png</video:thumbnail_loc>
      <video:title><![CDATA[Gradient Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Gradient Bar data visualization chart. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartGradient.mp4</video:content_loc>
      <video:publication_date>2025-09-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChartGradientSegments</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChartGradientSegments.png</video:thumbnail_loc>
      <video:title><![CDATA[Gradient Segments Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Linear gradients flowing between green palette shades Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChartGradientSegments.mp4</video:content_loc>
      <video:publication_date>2025-12-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChartGridBackground</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChartGridBackground.png</video:thumbnail_loc>
      <video:title><![CDATA[Grid Background Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Alternating bands and grid lines for easier comparison Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChartGridBackground.mp4</video:content_loc>
      <video:publication_date>2026-05-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadialBarChartGrid</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadialBarChartGrid.png</video:thumbnail_loc>
      <video:title><![CDATA[Grid Radial Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Grid Radial Bar data visualization chart. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radial charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadialBarChartGrid.mp4</video:content_loc>
      <video:publication_date>2026-05-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChartGroupedLabels</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChartGroupedLabels.png</video:thumbnail_loc>
      <video:title><![CDATA[Grouped Labels Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Labels stacked together in a compact group Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChartGroupedLabels.mp4</video:content_loc>
      <video:publication_date>2025-08-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/CandlestickChartHollow</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/CandlestickChartHollow.png</video:thumbnail_loc>
      <video:title><![CDATA[Hollow Candlestick — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Trading chart with hollow profit candles. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/CandlestickChartHollow.mp4</video:content_loc>
      <video:publication_date>2026-01-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartHorizontal</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartHorizontal.png</video:thumbnail_loc>
      <video:title><![CDATA[Horizontal Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Horizontal Bar data visualization chart. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartHorizontal.mp4</video:content_loc>
      <video:publication_date>2026-03-09</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartHorizontalSingle</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartHorizontalSingle.png</video:thumbnail_loc>
      <video:title><![CDATA[Horizontal Single Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Horizontal Single Bar data visualization chart. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartHorizontalSingle.mp4</video:content_loc>
      <video:publication_date>2025-10-03</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartLeftAxis</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartLeftAxis.png</video:thumbnail_loc>
      <video:title><![CDATA[Left Axis Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Both series share the left scale with explicit Y-axis labels Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartLeftAxis.mp4</video:content_loc>
      <video:publication_date>2025-10-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartLeftAxis</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartLeftAxis.png</video:thumbnail_loc>
      <video:title><![CDATA[Left Axis Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Grouped vertical bars with a single left value scale Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartLeftAxis.mp4</video:content_loc>
      <video:publication_date>2025-12-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartLinear</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartLinear.png</video:thumbnail_loc>
      <video:title><![CDATA[Linear Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Straight lines between data points Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartLinear.mp4</video:content_loc>
      <video:publication_date>2025-08-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartLinear</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartLinear.png</video:thumbnail_loc>
      <video:title><![CDATA[Linear Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Linear Gauge data visualization chart. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartLinear.mp4</video:content_loc>
      <video:publication_date>2026-04-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartLinearGradient</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartLinearGradient.png</video:thumbnail_loc>
      <video:title><![CDATA[Linear Gradient Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Active and inactive notches each interpolate along their own hex ramp Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartLinearGradient.mp4</video:content_loc>
      <video:publication_date>2025-10-26</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartLinearLabel</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartLinearLabel.png</video:thumbnail_loc>
      <video:title><![CDATA[Linear Label Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Optional centerValue and labelPlacement for linear gauges Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartLinearLabel.mp4</video:content_loc>
      <video:publication_date>2026-01-15</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartLoading</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartLoading.png</video:thumbnail_loc>
      <video:title><![CDATA[Loading Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Shimmering grid, pulsing foreground segment, and shimmer label while data loads Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartLoading.mp4</video:content_loc>
      <video:publication_date>2026-04-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartLoadingSweep</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartLoadingSweep.png</video:thumbnail_loc>
      <video:title><![CDATA[Loading Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Diagonal shimmer sweeping across placeholder bars while data loads Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartLoadingSweep.mp4</video:content_loc>
      <video:publication_date>2026-01-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartLoadingSweep</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartLoadingSweep.png</video:thumbnail_loc>
      <video:title><![CDATA[Loading Sweep Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Diagonal shimmer sweeping across the skeleton area while data loads Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartLoadingSweep.mp4</video:content_loc>
      <video:publication_date>2026-02-26</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChartMinimal</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChartMinimal.png</video:thumbnail_loc>
      <video:title><![CDATA[Minimal Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Clean funnel with labels and percentages hidden. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChartMinimal.mp4</video:content_loc>
      <video:publication_date>2025-12-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/CandlestickChartOverlay</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/CandlestickChartOverlay.png</video:thumbnail_loc>
      <video:title><![CDATA[Moving Average Candlestick — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Candlestick chart with moving average overlay. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/CandlestickChartOverlay.mp4</video:content_loc>
      <video:publication_date>2026-07-09</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartMultipleSeries</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartMultipleSeries.png</video:thumbnail_loc>
      <video:title><![CDATA[Multiple Series Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Grouped bars comparing two metrics Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartMultipleSeries.mp4</video:content_loc>
      <video:publication_date>2025-10-29</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartNoGap</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartNoGap.png</video:thumbnail_loc>
      <video:title><![CDATA[No Gap Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Zero gap with gradient and animated line indicator Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartNoGap.mp4</video:content_loc>
      <video:publication_date>2026-03-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartNoStroke</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartNoStroke.png</video:thumbnail_loc>
      <video:title><![CDATA[No Stroke Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Softer look with the stroke line hidden Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartNoStroke.mp4</video:content_loc>
      <video:publication_date>2026-02-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartOutline</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartOutline.png</video:thumbnail_loc>
      <video:title><![CDATA[Outline Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Outline Bar data visualization chart. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartOutline.mp4</video:content_loc>
      <video:publication_date>2026-03-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartPattern</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartPattern.png</video:thumbnail_loc>
      <video:title><![CDATA[Pattern Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Diagonal line pattern fill instead of gradient Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartPattern.mp4</video:content_loc>
      <video:publication_date>2026-06-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartPatternBackground</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartPatternBackground.png</video:thumbnail_loc>
      <video:title><![CDATA[Pattern Background Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Area chart with a diagonal pattern fill instead of grid lines Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartPatternBackground.mp4</video:content_loc>
      <video:publication_date>2026-04-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartPatternBackground</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartPatternBackground.png</video:thumbnail_loc>
      <video:title><![CDATA[Pattern Background Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Bar chart with a diagonal pattern fill instead of grid lines Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartPatternBackground.mp4</video:content_loc>
      <video:publication_date>2025-12-27</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/CandlestickChartPatternBackground</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/CandlestickChartPatternBackground.png</video:thumbnail_loc>
      <video:title><![CDATA[Pattern Background Candlestick — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Candlestick chart with a diagonal pattern fill instead of grid lines Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/CandlestickChartPatternBackground.mp4</video:content_loc>
      <video:publication_date>2026-01-27</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartPattern</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartPattern.png</video:thumbnail_loc>
      <video:title><![CDATA[Pattern Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Pattern Bar data visualization chart. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartPattern.mp4</video:content_loc>
      <video:publication_date>2026-06-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/CandlestickChartPattern</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/CandlestickChartPattern.png</video:thumbnail_loc>
      <video:title><![CDATA[Pattern Candlestick — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Diagonal pattern overlay on candle bodies Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/CandlestickChartPattern.mp4</video:content_loc>
      <video:publication_date>2025-12-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChartPatternFill</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChartPatternFill.png</video:thumbnail_loc>
      <video:title><![CDATA[Pattern Fill Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Diagonal line pattern on the innermost ring Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChartPatternFill.mp4</video:content_loc>
      <video:publication_date>2025-09-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartPatternReferenceBand</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartPatternReferenceBand.png</video:thumbnail_loc>
      <video:title><![CDATA[Pattern Reference Band Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Bar chart featuring a pattern fill inside the reference band Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartPatternReferenceBand.mp4</video:content_loc>
      <video:publication_date>2026-05-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChartPerSegmentColors</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChartPerSegmentColors.png</video:thumbnail_loc>
      <video:title><![CDATA[Per-Segment Colors Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Each segment with its own color from the chart palette Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChartPerSegmentColors.mp4</video:content_loc>
      <video:publication_date>2026-04-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartReferenceBand</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartReferenceBand.png</video:thumbnail_loc>
      <video:title><![CDATA[Reference Band Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Horizontal Y band behind the series with dashed edges and bracket markers Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartReferenceBand.mp4</video:content_loc>
      <video:publication_date>2025-11-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartReferenceBand</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartReferenceBand.png</video:thumbnail_loc>
      <video:title><![CDATA[Reference Band Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Bar chart featuring a horizontal Y band behind the series with dashed edges Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartReferenceBand.mp4</video:content_loc>
      <video:publication_date>2026-02-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/CandlestickChartReferenceBand</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/CandlestickChartReferenceBand.png</video:thumbnail_loc>
      <video:title><![CDATA[Reference Band Candlestick — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Candlestick chart featuring a horizontal Y band behind the series with dashed edges Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/CandlestickChartReferenceBand.mp4</video:content_loc>
      <video:publication_date>2026-06-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartSeriesMarkers</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartSeriesMarkers.png</video:thumbnail_loc>
      <video:title><![CDATA[Series Markers Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Scatter-style ring markers at each point Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartSeriesMarkers.mp4</video:content_loc>
      <video:publication_date>2026-05-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartShapeGradient</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartShapeGradient.png</video:thumbnail_loc>
      <video:title><![CDATA[Shape Gradient Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Discrete square columns with per-series gradient Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartShapeGradient.mp4</video:content_loc>
      <video:publication_date>2026-03-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartShortNotches</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartShortNotches.png</video:thumbnail_loc>
      <video:title><![CDATA[Short Notches Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Radial depth at 38% with a 12px fillet Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartShortNotches.mp4</video:content_loc>
      <video:publication_date>2026-06-29</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChartAnimatedClassic</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChartAnimatedClassic.png</video:thumbnail_loc>
      <video:title><![CDATA[Slow Animated Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Layered funnel with staggered reveal animation. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChartAnimatedClassic.mp4</video:content_loc>
      <video:publication_date>2026-05-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChartSlowReveal</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChartSlowReveal.png</video:thumbnail_loc>
      <video:title><![CDATA[Slow Reveal Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Custom slow stagger animation with more layers. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChartSlowReveal.mp4</video:content_loc>
      <video:publication_date>2026-07-11</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartSolid</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartSolid.png</video:thumbnail_loc>
      <video:title><![CDATA[Solid Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Solid fill with no gradient fade Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartSolid.mp4</video:content_loc>
      <video:publication_date>2026-01-11</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/CandlestickChartSolidColors</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/CandlestickChartSolidColors.png</video:thumbnail_loc>
      <video:title><![CDATA[Solid Colors Candlestick — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Solid emerald/red fills instead of gradients Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/CandlestickChartSolidColors.mp4</video:content_loc>
      <video:publication_date>2025-12-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartSparse</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartSparse.png</video:thumbnail_loc>
      <video:title><![CDATA[Sparse Quarter Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Fewer notches, wide spacing, sharp corners Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartSparse.mp4</video:content_loc>
      <video:publication_date>2025-09-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartShapeSquircleRing</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartShapeSquircleRing.png</video:thumbnail_loc>
      <video:title><![CDATA[Squircle Ring Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Squircle Ring Bar data visualization chart. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartShapeSquircleRing.mp4</video:content_loc>
      <video:publication_date>2026-02-11</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartStacked</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartStacked.png</video:thumbnail_loc>
      <video:title><![CDATA[Stacked Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Layered areas comparing desktop and mobile Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartStacked.mp4</video:content_loc>
      <video:publication_date>2026-03-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartStacked</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartStacked.png</video:thumbnail_loc>
      <video:title><![CDATA[Stacked Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Stacked bars with gap between segments Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartStacked.mp4</video:content_loc>
      <video:publication_date>2026-07-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadialBarChartStacked</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadialBarChartStacked.png</video:thumbnail_loc>
      <video:title><![CDATA[Stacked Radial Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Concentric sweeping arcs for goals. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radial charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadialBarChartStacked.mp4</video:content_loc>
      <video:publication_date>2025-11-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadialChartAudioWave</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadialChartAudioWave.png</video:thumbnail_loc>
      <video:title><![CDATA[Radial Audio Wave — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Radiating frequency equalizer. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radial charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadialChartAudioWave.mp4</video:content_loc>
      <video:publication_date>2026-05-30</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadialChartPlanetary</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadialChartPlanetary.png</video:thumbnail_loc>
      <video:title><![CDATA[Planetary Orbits — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Concentric nodes traversing orbital tracks. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radial charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadialChartPlanetary.mp4</video:content_loc>
      <video:publication_date>2026-01-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadialChartFlowerPetal</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadialChartFlowerPetal.png</video:thumbnail_loc>
      <video:title><![CDATA[Nightingale Petals — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Organic overlapping data blooms. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radial charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadialChartFlowerPetal.mp4</video:content_loc>
      <video:publication_date>2026-03-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadialChartSpiralTimeline</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadialChartSpiralTimeline.png</video:thumbnail_loc>
      <video:title><![CDATA[Spiral Timeline — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Chronological sequential data winding outward. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radial charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadialChartSpiralTimeline.mp4</video:content_loc>
      <video:publication_date>2025-11-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadialChartPatternFills</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadialChartPatternFills.png</video:thumbnail_loc>
      <video:title><![CDATA[Patterned Rings — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Radial bars with custom SVG pattern fills. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radial charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadialChartPatternFills.mp4</video:content_loc>
      <video:publication_date>2025-12-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadialChartLEDMatrix</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadialChartLEDMatrix.png</video:thumbnail_loc>
      <video:title><![CDATA[LED Matrix Rings — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Discrete dot-matrix progress trackers. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radial charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadialChartLEDMatrix.mp4</video:content_loc>
      <video:publication_date>2025-11-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadialChartIsometric</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadialChartIsometric.png</video:thumbnail_loc>
      <video:title><![CDATA[Isometric Projection — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Isometric Projection data visualization chart. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radial charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadialChartIsometric.mp4</video:content_loc>
      <video:publication_date>2026-01-26</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadialChart3DBevel</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadialChart3DBevel.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Beveled Rings — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Photorealistic embossed tube tracking. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radial charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadialChart3DBevel.mp4</video:content_loc>
      <video:publication_date>2025-10-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadialChartSegmentedTick</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadialChartSegmentedTick.png</video:thumbnail_loc>
      <video:title><![CDATA[Segmented Tick Ring — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Futuristic dashed progress indicator. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radial charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadialChartSegmentedTick.mp4</video:content_loc>
      <video:publication_date>2026-03-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadarChartStandard</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadarChartStandard.png</video:thumbnail_loc>
      <video:title><![CDATA[Standard Radar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Multiple variables on a polar grid. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadarChartStandard.mp4</video:content_loc>
      <video:publication_date>2025-10-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/ScatterChartNoRings</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/ScatterChartNoRings.png</video:thumbnail_loc>
      <video:title><![CDATA[Solid Fills Scatter Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Solid Fills Scatter Chart data visualization chart. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready scatter charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/ScatterChartNoRings.mp4</video:content_loc>
      <video:publication_date>2025-09-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/ScatterChartSmallDots</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/ScatterChartSmallDots.png</video:thumbnail_loc>
      <video:title><![CDATA[Small Dots Scatter Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Compact markers with a 2px radius and thin 1px rings. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready scatter charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/ScatterChartSmallDots.mp4</video:content_loc>
      <video:publication_date>2025-08-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/ScatterChartWideRingGap</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/ScatterChartWideRingGap.png</video:thumbnail_loc>
      <video:title><![CDATA[Wide Ring Gap Scatter Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[1px ring, 3px dot, 5px gap between fill and ring. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready scatter charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/ScatterChartWideRingGap.mp4</video:content_loc>
      <video:publication_date>2026-06-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/ScatterChartNeonGlow</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/ScatterChartNeonGlow.png</video:thumbnail_loc>
      <video:title><![CDATA[Neon Glow Scatter — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Scatter chart points rendered with overlapping sizes and opacities to create a bloom effect Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready scatter charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/ScatterChartNeonGlow.mp4</video:content_loc>
      <video:publication_date>2025-09-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/ScatterChartBiaxial</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/ScatterChartBiaxial.png</video:thumbnail_loc>
      <video:title><![CDATA[Biaxial Scatter Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Independent left and right scales (biaxial). Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready scatter charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/ScatterChartBiaxial.mp4</video:content_loc>
      <video:publication_date>2025-12-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/ScatterChartPatternBackground</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/ScatterChartPatternBackground.png</video:thumbnail_loc>
      <video:title><![CDATA[Pattern Background Scatter Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Diagonal pattern fill instead of grid lines. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready scatter charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/ScatterChartPatternBackground.mp4</video:content_loc>
      <video:publication_date>2025-09-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/ScatterChartDotGridBackground</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/ScatterChartDotGridBackground.png</video:thumbnail_loc>
      <video:title><![CDATA[Dot Grid Background Scatter Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Dot grid texture with edge fade. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready scatter charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/ScatterChartDotGridBackground.mp4</video:content_loc>
      <video:publication_date>2026-05-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/ScatterChartReferenceBand</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/ScatterChartReferenceBand.png</video:thumbnail_loc>
      <video:title><![CDATA[Reference Band Scatter Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Horizontal Y band behind the series with dashed edges. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready scatter charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/ScatterChartReferenceBand.mp4</video:content_loc>
      <video:publication_date>2025-08-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/ScatterChartPatternReferenceBand</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/ScatterChartPatternReferenceBand.png</video:thumbnail_loc>
      <video:title><![CDATA[Pattern Reference Band Scatter Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Pattern fill inside the band with colored Y-axis tick labels. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready scatter charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/ScatterChartPatternReferenceBand.mp4</video:content_loc>
      <video:publication_date>2026-02-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/ScatterChartYGradient</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/ScatterChartYGradient.png</video:thumbnail_loc>
      <video:title><![CDATA[Y Gradient Scatter Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Each dot is painted by its vertical position — indigo at base, coral at peak. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready scatter charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/ScatterChartYGradient.mp4</video:content_loc>
      <video:publication_date>2025-12-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/ScatterChartMultiCluster</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/ScatterChartMultiCluster.png</video:thumbnail_loc>
      <video:title><![CDATA[Multi-Cluster Scatter Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Three data cohorts separated by band — each with a unique dot style. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready scatter charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/ScatterChartMultiCluster.mp4</video:content_loc>
      <video:publication_date>2025-09-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/ScatterChartQuadrant</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/ScatterChartQuadrant.png</video:thumbnail_loc>
      <video:title><![CDATA[Quadrant Scatter Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Four zone matrix — dots positioned by two independent dimensions. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready scatter charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/ScatterChartQuadrant.mp4</video:content_loc>
      <video:publication_date>2026-04-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/ScatterChartTargetZone</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/ScatterChartTargetZone.png</video:thumbnail_loc>
      <video:title><![CDATA[Target Zone Scatter Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Highlights outliers breaching an acceptable SLA threshold. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready scatter charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/ScatterChartTargetZone.mp4</video:content_loc>
      <video:publication_date>2026-03-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/ScatterChartDensityCloud</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/ScatterChartDensityCloud.png</video:thumbnail_loc>
      <video:title><![CDATA[Density Cloud Scatter — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Visualizes the center of gravity in large datasets using overlapping opacity Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready scatter charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/ScatterChartDensityCloud.mp4</video:content_loc>
      <video:publication_date>2025-11-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/ScatterChartOutlierAnalysis</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/ScatterChartOutlierAnalysis.png</video:thumbnail_loc>
      <video:title><![CDATA[Outlier Analysis Scatter — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Isolates and highlights extreme anomalies Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready scatter charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/ScatterChartOutlierAnalysis.mp4</video:content_loc>
      <video:publication_date>2025-08-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/ScatterChartControlBands</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/ScatterChartControlBands.png</video:thumbnail_loc>
      <video:title><![CDATA[Control Bands Scatter — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Process control tracking with statistical upper and lower limit bands Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready scatter charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/ScatterChartControlBands.mp4</video:content_loc>
      <video:publication_date>2025-12-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/ScatterChartTexturedBubbles</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/ScatterChartTexturedBubbles.png</video:thumbnail_loc>
      <video:title><![CDATA[Textured Bubbles Scatter — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Large categorical clusters using SVG pattern fills for enhanced style and accessibility Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready scatter charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/ScatterChartTexturedBubbles.mp4</video:content_loc>
      <video:publication_date>2025-10-03</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/ScatterChartBlueprintGrid</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/ScatterChartBlueprintGrid.png</video:thumbnail_loc>
      <video:title><![CDATA[Blueprint Motif Scatter — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A highly stylized CAD/engineering aesthetic using nested background patterns Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready scatter charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/ScatterChartBlueprintGrid.mp4</video:content_loc>
      <video:publication_date>2026-01-31</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/ScatterChart3DMarbles</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/ScatterChart3DMarbles.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Spheres Scatter — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Realistic glossy marbles rendered via specular radial gradients Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready scatter charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/ScatterChart3DMarbles.mp4</video:content_loc>
      <video:publication_date>2026-05-03</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/ScatterChartDepthOfField</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/ScatterChartDepthOfField.png</video:thumbnail_loc>
      <video:title><![CDATA[Depth Of Field Scatter — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Z-depth parallax simulated via radial bokeh blurs and overlapping shadow layers Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready scatter charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/ScatterChartDepthOfField.mp4</video:content_loc>
      <video:publication_date>2026-07-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/TreemapChartStandard</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/TreemapChartStandard.png</video:thumbnail_loc>
      <video:title><![CDATA[Standard Treemap — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Hierarchical data structure visualization. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready treemap charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/TreemapChartStandard.mp4</video:content_loc>
      <video:publication_date>2026-05-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/TreemapChartGradientGlass</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/TreemapChartGradientGlass.png</video:thumbnail_loc>
      <video:title><![CDATA[Glassmorphism Treemap — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Premium frosted glass translucent data representation. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready treemap charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/TreemapChartGradientGlass.mp4</video:content_loc>
      <video:publication_date>2026-04-09</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/TreemapChartNeonCyber</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/TreemapChartNeonCyber.png</video:thumbnail_loc>
      <video:title><![CDATA[Neon Cyberpunk Treemap — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Dark mode retro-futuristic grid layout with glowing edges. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready treemap charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/TreemapChartNeonCyber.mp4</video:content_loc>
      <video:publication_date>2026-02-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/TreemapChartPlayfulPill</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/TreemapChartPlayfulPill.png</video:thumbnail_loc>
      <video:title><![CDATA[Pill Bubble Treemap — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Friendly and organic rounded squircle tiles. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready treemap charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/TreemapChartPlayfulPill.mp4</video:content_loc>
      <video:publication_date>2025-11-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/TreemapChartDepth3D</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/TreemapChartDepth3D.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Beveled Treemap — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Physical depth with advanced lighting filters for a realistic 3D look. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready treemap charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/TreemapChartDepth3D.mp4</video:content_loc>
      <video:publication_date>2026-06-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/TreemapChartPatternMesh</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/TreemapChartPatternMesh.png</video:thumbnail_loc>
      <video:title><![CDATA[Blueprint Pattern Treemap — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Architectural wireframe layout with SVG patterns. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready treemap charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/TreemapChartPatternMesh.mp4</video:content_loc>
      <video:publication_date>2026-02-09</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/TreemapChartConcentric</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/TreemapChartConcentric.png</video:thumbnail_loc>
      <video:title><![CDATA[Concentric Topography Treemap — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Topographical map aesthetic with nested rectangles. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready treemap charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/TreemapChartConcentric.mp4</video:content_loc>
      <video:publication_date>2025-10-07</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/TreemapChartSticker</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/TreemapChartSticker.png</video:thumbnail_loc>
      <video:title><![CDATA[Scattered Stickers Treemap — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Playful physical layout with tilted elements and thick borders. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready treemap charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/TreemapChartSticker.mp4</video:content_loc>
      <video:publication_date>2025-10-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/TreemapChartHolographic</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/TreemapChartHolographic.png</video:thumbnail_loc>
      <video:title><![CDATA[Holographic Foil Treemap — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Shiny, iridescent trading-card foil layout. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready treemap charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/TreemapChartHolographic.mp4</video:content_loc>
      <video:publication_date>2025-11-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/TreemapChartMicroGrid</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/TreemapChartMicroGrid.png</video:thumbnail_loc>
      <video:title><![CDATA[Dense Micro-Grid Treemap — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Flat hierarchy with 60+ nodes simulating a dense heatmap layout. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready treemap charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/TreemapChartMicroGrid.mp4</video:content_loc>
      <video:publication_date>2026-05-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/TreemapChartDeepNest</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/TreemapChartDeepNest.png</video:thumbnail_loc>
      <video:title><![CDATA[Deep Grouped Nesting — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[3-level deep hierarchy rendering explicit parent and sub-parent borders. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready treemap charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/TreemapChartDeepNest.mp4</video:content_loc>
      <video:publication_date>2025-08-31</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/TreemapChartBipolar</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/TreemapChartBipolar.png</video:thumbnail_loc>
      <video:title><![CDATA[High-Contrast Bipolar Split — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Exactly two massive root nodes for a stark A/B split comparison layout. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready treemap charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/TreemapChartBipolar.mp4</video:content_loc>
      <video:publication_date>2025-12-27</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/TreemapChartDrillDown</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/TreemapChartDrillDown.png</video:thumbnail_loc>
      <video:title><![CDATA[Interactive Drill-Down Treemap — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[An interactive treemap allowing infinite drill-down navigation into nested nodes. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready treemap charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/TreemapChartDrillDown.mp4</video:content_loc>
      <video:publication_date>2025-10-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/TreemapChartBubbleCluster</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/TreemapChartBubbleCluster.png</video:thumbnail_loc>
      <video:title><![CDATA[Bubble Cluster Map — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Transforms the squarified layout into an organic, floating scatter-bubble cluster. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready treemap charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/TreemapChartBubbleCluster.mp4</video:content_loc>
      <video:publication_date>2025-12-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/TreemapChartIsometric</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/TreemapChartIsometric.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Isometric Extrusion — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Tilts the canvas into 3D isometric space with physical pop-out hover effects. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready treemap charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/TreemapChartIsometric.mp4</video:content_loc>
      <video:publication_date>2025-09-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/TreemapChartMondrian</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/TreemapChartMondrian.png</video:thumbnail_loc>
      <video:title><![CDATA[Neo-Geometric Block Art — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Transforms the squarify algorithm into a piece of modern vibrant geometric art using a wide color palette and thick borders. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready treemap charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/TreemapChartMondrian.mp4</video:content_loc>
      <video:publication_date>2026-04-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/TreemapChartBarcode</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/TreemapChartBarcode.png</video:thumbnail_loc>
      <video:title><![CDATA[Barcode Stacked Timeline — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Manipulating aspect ratio to force a horizontal 1D slice layout instead of a grid. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready treemap charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/TreemapChartBarcode.mp4</video:content_loc>
      <video:publication_date>2025-09-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartStep</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartStep.png</video:thumbnail_loc>
      <video:title><![CDATA[Step Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Discrete step interpolation between points Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartStep.mp4</video:content_loc>
      <video:publication_date>2026-03-11</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartStepStacked</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartStepStacked.png</video:thumbnail_loc>
      <video:title><![CDATA[Step Stacked Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Layered step areas comparing desktop and mobile Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartStepStacked.mp4</video:content_loc>
      <video:publication_date>2025-08-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChartStepStyle</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChartStepStyle.png</video:thumbnail_loc>
      <video:title><![CDATA[Step Style Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Wide gaps + straight edges for a step-chart look. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChartStepStyle.mp4</video:content_loc>
      <video:publication_date>2026-02-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChartStraightEdges</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChartStraightEdges.png</video:thumbnail_loc>
      <video:title><![CDATA[Straight Edges Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Sharp geometric edges instead of smooth curves Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChartStraightEdges.mp4</video:content_loc>
      <video:publication_date>2026-04-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChartStroke</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChartStroke.png</video:thumbnail_loc>
      <video:title><![CDATA[Stroke-Only Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Transparent fill with colorful strokes. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChartStroke.mp4</video:content_loc>
      <video:publication_date>2026-07-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/CandlestickChartTooltipOnly</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/CandlestickChartTooltipOnly.png</video:thumbnail_loc>
      <video:title><![CDATA[Tooltip Only Candlestick — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Tooltip box without crosshair or dots Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/CandlestickChartTooltipOnly.mp4</video:content_loc>
      <video:publication_date>2025-10-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChartVertical</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChartVertical.png</video:thumbnail_loc>
      <video:title><![CDATA[Vertical Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Vertical orientation with top-to-bottom flow Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChartVertical.mp4</video:content_loc>
      <video:publication_date>2025-10-31</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChartVerticalGrouped</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChartVerticalGrouped.png</video:thumbnail_loc>
      <video:title><![CDATA[Vertical Grouped Labels Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Vertical orientation with all labels stacked together. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChartVerticalGrouped.mp4</video:content_loc>
      <video:publication_date>2025-12-03</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChartVerticalStraight</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChartVerticalStraight.png</video:thumbnail_loc>
      <video:title><![CDATA[Vertical Straight Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Combining vertical orientation, straight edges, and grid Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChartVerticalStraight.mp4</video:content_loc>
      <video:publication_date>2026-04-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartPattern</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartPattern.png</video:thumbnail_loc>
      <video:title><![CDATA[Pattern Foreground Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Diagonal PatternLines on active notches Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartPattern.mp4</video:content_loc>
      <video:publication_date>2026-01-31</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartSlickLines</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartSlickLines.png</video:thumbnail_loc>
      <video:title><![CDATA[Slick Thin Lines Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Very thin notches with high density Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartSlickLines.mp4</video:content_loc>
      <video:publication_date>2026-03-30</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartSolid</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartSolid.png</video:thumbnail_loc>
      <video:title><![CDATA[Solid Sweep Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Zero spacing between notches creates a continuous solid arc Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartSolid.mp4</video:content_loc>
      <video:publication_date>2026-06-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartLinearDots</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartLinearDots.png</video:thumbnail_loc>
      <video:title><![CDATA[Linear Dotted Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[High spacing and equal width/height ratio creates a dotted progression Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartLinearDots.mp4</video:content_loc>
      <video:publication_date>2025-10-26</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartQuarter</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartQuarter.png</video:thumbnail_loc>
      <video:title><![CDATA[Quarter Sweep Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Quarter Sweep Gauge data visualization chart. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartQuarter.mp4</video:content_loc>
      <video:publication_date>2026-04-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartDotRing</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartDotRing.png</video:thumbnail_loc>
      <video:title><![CDATA[Dotted Ring Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Short notch length with full corner radius creates a circular dotted track Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartDotRing.mp4</video:content_loc>
      <video:publication_date>2025-08-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartThickBlocks</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartThickBlocks.png</video:thumbnail_loc>
      <video:title><![CDATA[Chunky Blocks Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Very few notches with low spacing creates a heavy, segmented block look Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartThickBlocks.mp4</video:content_loc>
      <video:publication_date>2026-03-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartLinearGradientSteps</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartLinearGradientSteps.png</video:thumbnail_loc>
      <video:title><![CDATA[Linear Gradient Steps Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Linear layout with few notches creates a step-by-step progress indicator Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartLinearGradientSteps.mp4</video:content_loc>
      <video:publication_date>2026-01-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartWavePattern</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartWavePattern.png</video:thumbnail_loc>
      <video:title><![CDATA[Wave Pattern Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Fluid PatternWaves creating a liquid-like texture Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartWavePattern.mp4</video:content_loc>
      <video:publication_date>2026-02-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartCirclePattern</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartCirclePattern.png</video:thumbnail_loc>
      <video:title><![CDATA[Dotted Mesh Pattern Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Dense PatternCircles overlay for a technical aesthetic Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartCirclePattern.mp4</video:content_loc>
      <video:publication_date>2025-08-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartHexagonPattern</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartHexagonPattern.png</video:thumbnail_loc>
      <video:title><![CDATA[Hexagon Pattern Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Honeycomb PatternHexagons overlay Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartHexagonPattern.mp4</video:content_loc>
      <video:publication_date>2026-07-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartCrosshatchPattern</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartCrosshatchPattern.png</video:thumbnail_loc>
      <video:title><![CDATA[Crosshatch Pattern Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Dual PatternLines forming a grid mesh Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartCrosshatchPattern.mp4</video:content_loc>
      <video:publication_date>2025-11-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartWavePattern</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartWavePattern.png</video:thumbnail_loc>
      <video:title><![CDATA[Wave Pattern Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Bar chart featuring fluid wave patterns filling the columns Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartWavePattern.mp4</video:content_loc>
      <video:publication_date>2026-04-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BarChartCirclePattern</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BarChartCirclePattern.png</video:thumbnail_loc>
      <video:title><![CDATA[Circle Pattern Bar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Bar chart filled with dense pattern circles Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BarChartCirclePattern.mp4</video:content_loc>
      <video:publication_date>2026-02-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartWavePattern</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartWavePattern.png</video:thumbnail_loc>
      <video:title><![CDATA[Wave Pattern Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Area chart featuring fluid wave patterns filling the area underneath Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartWavePattern.mp4</video:content_loc>
      <video:publication_date>2026-07-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartHexagonPattern</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartHexagonPattern.png</video:thumbnail_loc>
      <video:title><![CDATA[Hexagon Pattern Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Hexagon Pattern Area data visualization chart. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartHexagonPattern.mp4</video:content_loc>
      <video:publication_date>2025-10-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/CandlestickChartWavePattern</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/CandlestickChartWavePattern.png</video:thumbnail_loc>
      <video:title><![CDATA[Wave Pattern Candlestick — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Fluid PatternWaves inside bodies Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/CandlestickChartWavePattern.mp4</video:content_loc>
      <video:publication_date>2025-12-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/CandlestickChartCirclePattern</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/CandlestickChartCirclePattern.png</video:thumbnail_loc>
      <video:title><![CDATA[Circle Pattern Candlestick — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Candlestick chart filled with dense pattern circles Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/CandlestickChartCirclePattern.mp4</video:content_loc>
      <video:publication_date>2025-09-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChartWavePattern</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChartWavePattern.png</video:thumbnail_loc>
      <video:title><![CDATA[Wave Pattern Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Funnel with fluid PatternWaves overlay Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChartWavePattern.mp4</video:content_loc>
      <video:publication_date>2025-09-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChartCrosshatchPattern</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChartCrosshatchPattern.png</video:thumbnail_loc>
      <video:title><![CDATA[Crosshatch Pattern Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Dual PatternLines grid texture Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChartCrosshatchPattern.mp4</video:content_loc>
      <video:publication_date>2025-11-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChartCirclePattern</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChartCirclePattern.png</video:thumbnail_loc>
      <video:title><![CDATA[Circle Pattern Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Area chart with a dense pattern circles mesh texture Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChartCirclePattern.mp4</video:content_loc>
      <video:publication_date>2025-10-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChartCirclePattern</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChartCirclePattern.png</video:thumbnail_loc>
      <video:title><![CDATA[Circle Pattern Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Funnel chart with a dense pattern circles mesh texture overlay Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChartCirclePattern.mp4</video:content_loc>
      <video:publication_date>2026-03-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartBouncyAnimation</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartBouncyAnimation.png</video:thumbnail_loc>
      <video:title><![CDATA[Bouncy Animation Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Custom spring transition and slow stagger for a dramatic entrance. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartBouncyAnimation.mp4</video:content_loc>
      <video:publication_date>2026-06-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartNeonPulse</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartNeonPulse.png</video:thumbnail_loc>
      <video:title><![CDATA[Neon Pulse Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Cyberpunk aesthetic with glowing drop-shadows and pulse animation. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartNeonPulse.mp4</video:content_loc>
      <video:publication_date>2026-05-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartBootSequence</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartBootSequence.png</video:thumbnail_loc>
      <video:title><![CDATA[Boot Sequence Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Simulated system boot-up sequence before settling on final value. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartBootSequence.mp4</video:content_loc>
      <video:publication_date>2026-02-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChart3DDepth</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChart3DDepth.png</video:thumbnail_loc>
      <video:title><![CDATA[3d Depth Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Simulated 3D depth using stacked isometric layers. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChart3DDepth.mp4</video:content_loc>
      <video:publication_date>2026-02-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChart3DVortex</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChart3DVortex.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Vortex Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Deep 3D funnel effect with twisting, scaling isometric layers. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChart3DVortex.mp4</video:content_loc>
      <video:publication_date>2026-05-15</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChartFullCircle</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChartFullCircle.png</video:thumbnail_loc>
      <video:title><![CDATA[Full Circle Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A complete 360-degree radial gauge. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChartFullCircle.mp4</video:content_loc>
      <video:publication_date>2025-09-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChart3DDepthQuarter</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChart3DDepthQuarter.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Depth Quarter Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A hollow 3D glass slice for quarter sweeps with depth effect. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChart3DDepthQuarter.mp4</video:content_loc>
      <video:publication_date>2025-09-21</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChart3DDepthHalf</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChart3DDepthHalf.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Depth Half Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A perfect semi-circle with glass depth effect. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChart3DDepthHalf.mp4</video:content_loc>
      <video:publication_date>2026-03-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChart3DDepthFull</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChart3DDepthFull.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Depth Full Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A solid 360-degree floating hollow cylinder with deep extrusion. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChart3DDepthFull.mp4</video:content_loc>
      <video:publication_date>2025-10-28</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChart3DHollowQuarter</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChart3DHollowQuarter.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Hollow Quarter Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A hollow 3D glass slice for quarter sweeps with full transparency. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChart3DHollowQuarter.mp4</video:content_loc>
      <video:publication_date>2026-03-30</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChart3DHollowHalf</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChart3DHollowHalf.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Hollow Half Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A perfect semi-circle with fully hollow glass 3D depth. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChart3DHollowHalf.mp4</video:content_loc>
      <video:publication_date>2026-02-26</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/GaugeChart3DHollowFull</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/GaugeChart3DHollowFull.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Hollow Full Gauge — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A completely transparent 360-degree floating hollow cylinder. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready gauge charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/GaugeChart3DHollowFull.mp4</video:content_loc>
      <video:publication_date>2025-10-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/AreaChart3DBlock</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/AreaChart3DBlock.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Depth Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Isometric solid block extrusion. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready area charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/AreaChart3DBlock.mp4</video:content_loc>
      <video:publication_date>2026-01-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/CandlestickChart3DPrism</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/CandlestickChart3DPrism.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Prism Candlestick — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[True SVG extruded 3D rectangular prisms for each candle. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready candlestick charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/CandlestickChart3DPrism.mp4</video:content_loc>
      <video:publication_date>2026-02-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChart3DBlock</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChart3DBlock.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Block Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Isometric solid block extrusion funnel Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChart3DBlock.mp4</video:content_loc>
      <video:publication_date>2026-06-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/FunnelChart3DPlane</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/FunnelChart3DPlane.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Plane Funnel — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Receding perspective plane funnel Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready funnel charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/FunnelChart3DPlane.mp4</video:content_loc>
      <video:publication_date>2025-09-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LiveLinePatternBackground</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LiveLinePatternBackground.png</video:thumbnail_loc>
      <video:title><![CDATA[Live Pattern Background — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Live streaming line chart with a diagonal pattern fill instead of grid lines Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready interactive charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LiveLinePatternBackground.mp4</video:content_loc>
      <video:publication_date>2025-10-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LiveLineDotGridBackground</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LiveLineDotGridBackground.png</video:thumbnail_loc>
      <video:title><![CDATA[Live Dot Grid Background — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Live streaming line chart over a dot grid texture with edge fade Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready interactive charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LiveLineDotGridBackground.mp4</video:content_loc>
      <video:publication_date>2025-08-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LiveLineReferenceBand</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LiveLineReferenceBand.png</video:thumbnail_loc>
      <video:title><![CDATA[Live Reference Band — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Target price band with dashed edges and bracket markers Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready interactive charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LiveLineReferenceBand.mp4</video:content_loc>
      <video:publication_date>2026-03-29</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LiveLinePatternReferenceBand</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LiveLinePatternReferenceBand.png</video:thumbnail_loc>
      <video:title><![CDATA[Live Pattern Reference Band — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Live line chart featuring a pattern fill inside the reference band Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready interactive charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LiveLinePatternReferenceBand.mp4</video:content_loc>
      <video:publication_date>2026-04-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LiveLineMomentumColors</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LiveLineMomentumColors.png</video:thumbnail_loc>
      <video:title><![CDATA[Live Momentum Colors — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Green for increase, red for decrease Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready interactive charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LiveLineMomentumColors.mp4</video:content_loc>
      <video:publication_date>2026-01-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LiveLineLineOnly</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LiveLineLineOnly.png</video:thumbnail_loc>
      <video:title><![CDATA[Live Line Only — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[No area fill — simple line and live dot Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready interactive charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LiveLineLineOnly.mp4</video:content_loc>
      <video:publication_date>2026-07-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChartLinearVisx</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChartLinearVisx.png</video:thumbnail_loc>
      <video:title><![CDATA[Linear Line Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A basic smooth line chart connecting data points continuously. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChartLinearVisx.mp4</video:content_loc>
      <video:publication_date>2025-08-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChartSegmentSelection</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChartSegmentSelection.png</video:thumbnail_loc>
      <video:title><![CDATA[Segment Selection Line Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Interactive line chart that highlights specific segments on hover. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChartSegmentSelection.mp4</video:content_loc>
      <video:publication_date>2026-04-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChartXAxisVisx</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChartXAxisVisx.png</video:thumbnail_loc>
      <video:title><![CDATA[X-Axis Line Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Line chart emphasizing the horizontal timeline axis and its grid. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChartXAxisVisx.mp4</video:content_loc>
      <video:publication_date>2025-08-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChartXYAxisVisx</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChartXYAxisVisx.png</video:thumbnail_loc>
      <video:title><![CDATA[XY-Axis Line Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Line chart displaying both vertical axes and horizontal axes for precise readings. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChartXYAxisVisx.mp4</video:content_loc>
      <video:publication_date>2026-02-26</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChartLoadingSweep</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChartLoadingSweep.png</video:thumbnail_loc>
      <video:title><![CDATA[Loading Sweep Line Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Skeleton placeholder with a sweeping shimmer animation for loading states. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChartLoadingSweep.mp4</video:content_loc>
      <video:publication_date>2025-09-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChartDashedTailVisx</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChartDashedTailVisx.png</video:thumbnail_loc>
      <video:title><![CDATA[Dashed Line — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Combines a solid historical line with a dashed projection tail. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChartDashedTailVisx.mp4</video:content_loc>
      <video:publication_date>2026-04-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChartLeftYAxis</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChartLeftYAxis.png</video:thumbnail_loc>
      <video:title><![CDATA[Left Y-Axis Line Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Line chart with the primary value axis fixed to the left side. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChartLeftYAxis.mp4</video:content_loc>
      <video:publication_date>2026-01-03</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChartBiaxial</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChartBiaxial.png</video:thumbnail_loc>
      <video:title><![CDATA[Biaxial Line Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Dual y-axes to compare two datasets with vastly different scales. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChartBiaxial.mp4</video:content_loc>
      <video:publication_date>2026-01-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChartProfitLossVisx</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChartProfitLossVisx.png</video:thumbnail_loc>
      <video:title><![CDATA[Profit/Loss Line Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Dynamic gradient that shifts between green and red based on a baseline. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChartProfitLossVisx.mp4</video:content_loc>
      <video:publication_date>2026-07-09</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChartPatternBackgroundVisx</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChartPatternBackgroundVisx.png</video:thumbnail_loc>
      <video:title><![CDATA[Pattern Background Line Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Subtle diagonal pattern fill spanning the entire chart background. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChartPatternBackgroundVisx.mp4</video:content_loc>
      <video:publication_date>2026-03-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChartPatternReferenceBand</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChartPatternReferenceBand.png</video:thumbnail_loc>
      <video:title><![CDATA[Pattern Band Line Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Highlights a specific target range using a distinct background pattern. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChartPatternReferenceBand.mp4</video:content_loc>
      <video:publication_date>2025-12-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChartDotGridVisx</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChartDotGridVisx.png</video:thumbnail_loc>
      <video:title><![CDATA[Dot Grid Line Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A dotted grid background replacing standard Cartesian grid lines. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChartDotGridVisx.mp4</video:content_loc>
      <video:publication_date>2026-06-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChartReferenceBandVisx</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChartReferenceBandVisx.png</video:thumbnail_loc>
      <video:title><![CDATA[Reference Band Line Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Solid horizontal highlight band to emphasize a specific data range. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChartReferenceBandVisx.mp4</video:content_loc>
      <video:publication_date>2026-03-29</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChartPatternReferenceBandVisx</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChartPatternReferenceBandVisx.png</video:thumbnail_loc>
      <video:title><![CDATA[Pattern Reference Band Line Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Diagonal striped pattern highlighting a specific horizontal target band. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChartPatternReferenceBandVisx.mp4</video:content_loc>
      <video:publication_date>2026-02-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChartSeriesMarkersVisx</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChartSeriesMarkersVisx.png</video:thumbnail_loc>
      <video:title><![CDATA[Series Markers Line Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Data points are explicitly marked with prominent SVG circles. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChartSeriesMarkersVisx.mp4</video:content_loc>
      <video:publication_date>2026-06-27</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChartProjectionVisx</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChartProjectionVisx.png</video:thumbnail_loc>
      <video:title><![CDATA[Projection Line Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Branched forecasting paths showing auto and target projections. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChartProjectionVisx.mp4</video:content_loc>
      <video:publication_date>2026-02-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/LineChartCustomMarkersVisx</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/LineChartCustomMarkersVisx.png</video:thumbnail_loc>
      <video:title><![CDATA[Custom Markers Line Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Annotates specific dates with custom icons and vertical drop-lines. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready line charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/LineChartCustomMarkersVisx.mp4</video:content_loc>
      <video:publication_date>2025-12-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PieChartStandardExact</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PieChartStandardExact.png</video:thumbnail_loc>
      <video:title><![CDATA[Animated Pie Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A smooth animated standard pie chart Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready pie charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PieChartStandardExact.mp4</video:content_loc>
      <video:publication_date>2026-04-27</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PieChartDonutExact</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PieChartDonutExact.png</video:thumbnail_loc>
      <video:title><![CDATA[Animated Donut Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Smooth animated donut chart with total Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready pie charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PieChartDonutExact.mp4</video:content_loc>
      <video:publication_date>2026-01-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PieChartLegendExact</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PieChartLegendExact.png</video:thumbnail_loc>
      <video:title><![CDATA[Animated Legend Pie Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Interactive legend synced with chart hover Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready pie charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PieChartLegendExact.mp4</video:content_loc>
      <video:publication_date>2026-03-26</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PieChartPatternsExact</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PieChartPatternsExact.png</video:thumbnail_loc>
      <video:title><![CDATA[Textured Pie Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Uses SVG patterns to provide accessibility and visual texture Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready pie charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PieChartPatternsExact.mp4</video:content_loc>
      <video:publication_date>2026-01-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PieChartGradientsExact</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PieChartGradientsExact.png</video:thumbnail_loc>
      <video:title><![CDATA[Radiant Gradient Pie Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Gradients that add depth and a modern 3D aesthetic Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready pie charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PieChartGradientsExact.mp4</video:content_loc>
      <video:publication_date>2026-02-11</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PieChartGrowHoverExact</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PieChartGrowHoverExact.png</video:thumbnail_loc>
      <video:title><![CDATA[Animated Pop Pie Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Slices smoothly expand outward when interacted with Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready pie charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PieChartGrowHoverExact.mp4</video:content_loc>
      <video:publication_date>2025-11-15</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PieChartCustomCenterExact</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PieChartCustomCenterExact.png</video:thumbnail_loc>
      <video:title><![CDATA[Floating Center Pie Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Features an adaptive frosted-glass center label Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready pie charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PieChartCustomCenterExact.mp4</video:content_loc>
      <video:publication_date>2025-09-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/DonutChartPatternsExact</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/DonutChartPatternsExact.png</video:thumbnail_loc>
      <video:title><![CDATA[Textured Donut Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Combining center metrics with patterned accessibility Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready pie charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/DonutChartPatternsExact.mp4</video:content_loc>
      <video:publication_date>2025-11-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/DonutChartGrowHoverExact</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/DonutChartGrowHoverExact.png</video:thumbnail_loc>
      <video:title><![CDATA[Animated Pop Donut Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Pie slices smoothly expand outward when interacted with Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready pie charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/DonutChartGrowHoverExact.mp4</video:content_loc>
      <video:publication_date>2026-03-05</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PieChart3DExtruded</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PieChart3DExtruded.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Extruded Pie Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Perspective depth-extruded 3D pie with side walls and hover lift Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready pie charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PieChart3DExtruded.mp4</video:content_loc>
      <video:publication_date>2025-11-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PieChart3DDonut</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PieChart3DDonut.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Tilt Donut Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Tilted perspective 3D donut with depth extrusion and center total Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready pie charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PieChart3DDonut.mp4</video:content_loc>
      <video:publication_date>2026-02-10</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/SpiderChart</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/SpiderChart.png</video:thumbnail_loc>
      <video:title><![CDATA[Spider Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Multi-series radar chart with custom markers Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/SpiderChart.mp4</video:content_loc>
      <video:publication_date>2026-05-19</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PolarAreaChart</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PolarAreaChart.png</video:thumbnail_loc>
      <video:title><![CDATA[Polar Area Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Equal angle slices with proportional radii Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready polar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PolarAreaChart.mp4</video:content_loc>
      <video:publication_date>2026-04-07</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/CircularRadarChart</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/CircularRadarChart.png</video:thumbnail_loc>
      <video:title><![CDATA[Circular Radar Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A glowing multi-series radar chart plotted on a circular web Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/CircularRadarChart.mp4</video:content_loc>
      <video:publication_date>2025-12-04</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PolarRoseChart</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PolarRoseChart.png</video:thumbnail_loc>
      <video:title><![CDATA[Nightingale Rose Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Rounded slices with custom staggered animation and bright gradients Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready polar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PolarRoseChart.mp4</video:content_loc>
      <video:publication_date>2025-11-02</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PolarAreaChartStacked</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PolarAreaChartStacked.png</video:thumbnail_loc>
      <video:title><![CDATA[Stacked Polar Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Overlaying two variables per category for comparative analysis Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready polar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PolarAreaChartStacked.mp4</video:content_loc>
      <video:publication_date>2026-02-11</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PolarAreaChartGradients</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PolarAreaChartGradients.png</video:thumbnail_loc>
      <video:title><![CDATA[Gradient Polar Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Vibrant custom linear gradients with drop shadows and rounded corners Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready polar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PolarAreaChartGradients.mp4</video:content_loc>
      <video:publication_date>2026-04-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PolarAreaChartHalf</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PolarAreaChartHalf.png</video:thumbnail_loc>
      <video:title><![CDATA[Semi-Circle Polar Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[180-degree gauge-style layout optimized for top-half dashboard spaces Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready polar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PolarAreaChartHalf.mp4</video:content_loc>
      <video:publication_date>2026-06-12</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PolarAreaChartDonut</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PolarAreaChartDonut.png</video:thumbnail_loc>
      <video:title><![CDATA[Donut Polar Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Jagged outer ring with a hollow center displaying the total metric Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready polar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PolarAreaChartDonut.mp4</video:content_loc>
      <video:publication_date>2026-02-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PolarAreaChartBivariate</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PolarAreaChartBivariate.png</video:thumbnail_loc>
      <video:title><![CDATA[Bivariate Coxcomb — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Maps both Angle and Radius to two different dimensions for advanced data analysis Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready polar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PolarAreaChartBivariate.mp4</video:content_loc>
      <video:publication_date>2025-09-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PolarAreaChartLollipop</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PolarAreaChartLollipop.png</video:thumbnail_loc>
      <video:title><![CDATA[Polar Lollipop — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Minimalist high data-ink ratio design that avoids area-based visual distortion Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready polar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PolarAreaChartLollipop.mp4</video:content_loc>
      <video:publication_date>2026-01-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PolarAreaChartRange</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PolarAreaChartRange.png</video:thumbnail_loc>
      <video:title><![CDATA[Polar Range Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Floating arcs representing data bounds [min, max] rather than a single value Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready polar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PolarAreaChartRange.mp4</video:content_loc>
      <video:publication_date>2025-12-15</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PolarAreaChartBubble</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PolarAreaChartBubble.png</video:thumbnail_loc>
      <video:title><![CDATA[Polar Bubble Scatter — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Scatter plot adapted for a radial axis with Angle and Distance coordinates Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready polar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PolarAreaChartBubble.mp4</video:content_loc>
      <video:publication_date>2026-04-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PolarAreaChartPatterns</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PolarAreaChartPatterns.png</video:thumbnail_loc>
      <video:title><![CDATA[Textured Polar Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Accessible SVG pattern fills for distinct slices and high contrast visual textures Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready polar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PolarAreaChartPatterns.mp4</video:content_loc>
      <video:publication_date>2025-08-27</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PolarAreaChartBubblePatterns</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PolarAreaChartBubblePatterns.png</video:thumbnail_loc>
      <video:title><![CDATA[Patterned Polar Bubble — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Scatter plot bubbles filled with interactive SVG patterns Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready polar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PolarAreaChartBubblePatterns.mp4</video:content_loc>
      <video:publication_date>2026-07-03</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PolarAreaChart3DExtruded</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PolarAreaChart3DExtruded.png</video:thumbnail_loc>
      <video:title><![CDATA[Isometric Extruded Polar — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[True 3D depth generated via multi-layered stacked SVG rendering with isometric scaling Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready polar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PolarAreaChart3DExtruded.mp4</video:content_loc>
      <video:publication_date>2025-12-27</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PolarAreaChart3DCylinders</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PolarAreaChart3DCylinders.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Radial Cylinders — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Revolutionary 2.5D scatter plot rendering upright 3D pillars on an isometric grid Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready polar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PolarAreaChart3DCylinders.mp4</video:content_loc>
      <video:publication_date>2026-06-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RadialBarChartActivityRings</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RadialBarChartActivityRings.png</video:thumbnail_loc>
      <video:title><![CDATA[Radial Activity Rings — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Concentric progress tracks resembling fitness activity rings with glowing neon styling Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radial charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RadialBarChartActivityRings.mp4</video:content_loc>
      <video:publication_date>2025-12-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RingChartStandard</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RingChartStandard.png</video:thumbnail_loc>
      <video:title><![CDATA[Ring Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Multi-ring progress with center value Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radial charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RingChartStandard.mp4</video:content_loc>
      <video:publication_date>2026-01-22</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RingChartFlatCaps</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RingChartFlatCaps.png</video:thumbnail_loc>
      <video:title><![CDATA[Flat Caps Ring Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Square ring ends instead of rounded Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radial charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RingChartFlatCaps.mp4</video:content_loc>
      <video:publication_date>2026-01-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RingChartThickRings</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RingChartThickRings.png</video:thumbnail_loc>
      <video:title><![CDATA[Thick Rings Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Wider stroke with larger gap between rings Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radial charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RingChartThickRings.mp4</video:content_loc>
      <video:publication_date>2026-01-29</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RingChartThreeQuarter</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RingChartThreeQuarter.png</video:thumbnail_loc>
      <video:title><![CDATA[Three Quarter Ring Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[270-degree arc from top-left to bottom-left Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radial charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RingChartThreeQuarter.mp4</video:content_loc>
      <video:publication_date>2026-02-25</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RingChartHalfCircle</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RingChartHalfCircle.png</video:thumbnail_loc>
      <video:title><![CDATA[Half Circle Ring Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Half Circle Ring Chart data visualization chart. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radial charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RingChartHalfCircle.mp4</video:content_loc>
      <video:publication_date>2026-06-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/RingChartLegend</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/RingChartLegend.png</video:thumbnail_loc>
      <video:title><![CDATA[Legend Ring Chart — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Interactive legend with progress bars Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready radial charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/RingChartLegend.mp4</video:content_loc>
      <video:publication_date>2026-06-23</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PolarAreaChartHeatmap</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PolarAreaChartHeatmap.png</video:thumbnail_loc>
      <video:title><![CDATA[Polar Heatmap Matrix — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Sector matrix visualizing intensity via color mapping on a multi-dimensional polar grid Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready polar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PolarAreaChartHeatmap.mp4</video:content_loc>
      <video:publication_date>2026-05-06</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/PolarAreaChartEqualizer</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/PolarAreaChartEqualizer.png</video:thumbnail_loc>
      <video:title><![CDATA[Equalizer Polar Area — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Segmented LED-style data visualization breaking slices into discrete curved blocks Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready polar charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/PolarAreaChartEqualizer.mp4</video:content_loc>
      <video:publication_date>2025-10-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BubbleChartStandard</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BubbleChartStandard.png</video:thumbnail_loc>
      <video:title><![CDATA[Standard Bubble — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Standard multi-dimensional mapping Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bubble charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BubbleChartStandard.mp4</video:content_loc>
      <video:publication_date>2026-05-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BubbleChartInteractive</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BubbleChartInteractive.png</video:thumbnail_loc>
      <video:title><![CDATA[Interactive Bubbles — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Interactive glowing crosshair bubbles Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bubble charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BubbleChartInteractive.mp4</video:content_loc>
      <video:publication_date>2026-05-27</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BubbleChartGradients</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BubbleChartGradients.png</video:thumbnail_loc>
      <video:title><![CDATA[Glass Spheres — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[3D spherical glass effect bubbles Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bubble charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BubbleChartGradients.mp4</video:content_loc>
      <video:publication_date>2026-02-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BubbleChartFloating</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BubbleChartFloating.png</video:thumbnail_loc>
      <video:title><![CDATA[Floating Bubbles — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Continuous fluid suspension animation Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bubble charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BubbleChartFloating.mp4</video:content_loc>
      <video:publication_date>2026-01-09</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BubbleChartRipple</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BubbleChartRipple.png</video:thumbnail_loc>
      <video:title><![CDATA[Sonar Ripples — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Sonar Ripples data visualization chart. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bubble charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BubbleChartRipple.mp4</video:content_loc>
      <video:publication_date>2025-09-17</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BubbleChartConnected</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BubbleChartConnected.png</video:thumbnail_loc>
      <video:title><![CDATA[Connected Constellation — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[A beautifully designed Connected Constellation data visualization chart. Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bubble charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BubbleChartConnected.mp4</video:content_loc>
      <video:publication_date>2026-07-01</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BubbleChartPacked</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BubbleChartPacked.png</video:thumbnail_loc>
      <video:title><![CDATA[Packed Bubbles — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Organic, tightly grouped cellular layout Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bubble charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BubbleChartPacked.mp4</video:content_loc>
      <video:publication_date>2025-12-29</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BubbleChartQuadrants</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BubbleChartQuadrants.png</video:thumbnail_loc>
      <video:title><![CDATA[Quadrant Bubbles — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Strategic 4-zone categorical scatter plot Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bubble charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BubbleChartQuadrants.mp4</video:content_loc>
      <video:publication_date>2026-03-24</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BubbleChartComets</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BubbleChartComets.png</video:thumbnail_loc>
      <video:title><![CDATA[Comet Trails — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Bubbles with motion velocity trails Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bubble charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BubbleChartComets.mp4</video:content_loc>
      <video:publication_date>2026-02-14</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BubbleChartPatterns</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BubbleChartPatterns.png</video:thumbnail_loc>
      <video:title><![CDATA[Pattern Bubbles — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Standard multi-dimensional mapping with textured SVG patterns Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bubble charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BubbleChartPatterns.mp4</video:content_loc>
      <video:publication_date>2025-09-08</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BubbleChartPackedPatterns</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BubbleChartPackedPatterns.png</video:thumbnail_loc>
      <video:title><![CDATA[Packed Pattern Cluster — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Organic cellular layout with high-contrast pattern fills Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bubble charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BubbleChartPackedPatterns.mp4</video:content_loc>
      <video:publication_date>2026-05-13</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BubbleChartFloatingPatterns</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BubbleChartFloatingPatterns.png</video:thumbnail_loc>
      <video:title><![CDATA[Floating Pattern Cells — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Continuous fluid suspension animation with patterns Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bubble charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BubbleChartFloatingPatterns.mp4</video:content_loc>
      <video:publication_date>2026-03-18</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BubbleChart3DPerspective</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BubbleChart3DPerspective.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Room Scatter — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[True 3D spatial mapping with XYZ dimensional volume Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bubble charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BubbleChart3DPerspective.mp4</video:content_loc>
      <video:publication_date>2026-06-16</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
  <url>
    <loc>https://spyui.online/charts/BubbleChart3DOrbit</loc>
    <video:video>
      <video:thumbnail_loc>https://spyui.online/r2-assets/charts/img/BubbleChart3DOrbit.png</video:thumbnail_loc>
      <video:title><![CDATA[3D Planetary Orbit — React Chart | SPY UI]]></video:title>
      <video:description><![CDATA[Continuous live 3D trigonometric rendering engine Built with React, Tailwind CSS, and Framer Motion. Enhance your Next.js projects with this free, copy-paste ready bubble charts element.]]></video:description>
      <video:content_loc>https://spyui.online/r2-assets/charts/video/BubbleChart3DOrbit.mp4</video:content_loc>
      <video:publication_date>2025-11-20</video:publication_date>
      <video:duration>15</video:duration>
      <video:family_friendly>yes</video:family_friendly>
      <video:requires_subscription>no</video:requires_subscription>
      <video:live>no</video:live>
      <video:uploader info="https://spyui.online">SPY UI</video:uploader>
    </video:video>
  </url>
</urlset>