{
  "schemaVersion": 1,
  "updatedAt": "2026-10-18",
  "source": {
    "id": "sveltebits",
    "name": "Svelte Bits",
    "description": "面向 Svelte 的创意动效组件与背景，支持定制与复制代码。",
    "category": "UI 组件库",
    "tags": [
      "Svelte",
      "动效组件",
      "提供代码"
    ],
    "url": "https://sveltebits.xyz/",
    "directoryUrl": "https://www.uipicks.top/ai/sites/sveltebits/index.html",
    "jsonUrl": "https://www.uipicks.top/ai/sites/sveltebits/index.json",
    "code": true,
    "prompt": false,
    "entryCount": 165,
    "scope": {
      "status": "官方公开目录（官网文档受限）",
      "note": "按官方分类、slug 函数与 IMPLEMENTED_DEMOS 交集提取已经实现的组件，排除未实现占位；保留对应官方源码。",
      "capturedAt": "2026-10-14"
    },
    "offers": [
      {
        "id": "catalog",
        "label": "已收录的参考资源",
        "platforms": [
          "web"
        ],
        "resources": [
          "code"
        ],
        "frameworks": [
          "svelte"
        ],
        "pricing": [
          "unknown"
        ],
        "evidence": [
          {
            "kind": "saved",
            "url": "https://sveltebits.xyz/",
            "date": "2026-10-13",
            "note": "已收录的官网用途说明与标签：面向 Svelte 的创意动效组件与背景，支持定制与复制代码。"
          }
        ]
      }
    ],
    "featuredSamples": []
  },
  "pagination": {
    "page": 2,
    "pageSize": 80,
    "totalEntries": 165,
    "totalPages": 3,
    "offset": 80,
    "previous": "index.json",
    "next": "page-3.json"
  },
  "entries": [
    {
      "id": "366b769bb8b1a458",
      "title": "Spotlight Card",
      "url": "https://sveltebits.xyz/components/spotlight-card",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7fe4160d90b6956c",
      "title": "Border Glow",
      "url": "https://sveltebits.xyz/components/border-glow",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "发光",
        "光晕"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "2453dc5ecfb88092",
      "title": "Flying Posters",
      "url": "https://sveltebits.xyz/components/flying-posters",
      "kind": "组件示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9c0679a79f76d9ab",
      "title": "Card Swap",
      "url": "https://sveltebits.xyz/components/card-swap",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a2bbcbf0b72b5bc4",
      "title": "Glass Icons",
      "url": "https://sveltebits.xyz/components/glass-icons",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "图标"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7a466e1216bea9fc",
      "title": "Decay Card",
      "url": "https://sveltebits.xyz/components/decay-card",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0d45123647c41c81",
      "title": "Flowing Menu",
      "url": "https://sveltebits.xyz/components/flowing-menu",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0bec2f8735f29569",
      "title": "Elastic Slider",
      "url": "https://sveltebits.xyz/components/elastic-slider",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "bb92924126da8448",
      "title": "Counter",
      "url": "https://sveltebits.xyz/components/counter",
      "kind": "组件示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "293196d9c5b6add7",
      "title": "Infinite Menu",
      "url": "https://sveltebits.xyz/components/infinite-menu",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b2bbfa89bd470894",
      "title": "Stepper",
      "url": "https://sveltebits.xyz/components/stepper",
      "kind": "组件示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "da4f730a448239cb",
      "title": "Bounce Cards",
      "url": "https://sveltebits.xyz/components/bounce-cards",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5651ff54bb6a1170",
      "title": "Liquid Ether",
      "url": "https://sveltebits.xyz/backgrounds/liquid-ether",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9171d01f1ed25289",
      "title": "Prism",
      "url": "https://sveltebits.xyz/backgrounds/prism",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0577bac4c0d3aac8",
      "title": "Dark Veil",
      "url": "https://sveltebits.xyz/backgrounds/dark-veil",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f5fe1ebcfc385ebc",
      "title": "Light Pillar",
      "url": "https://sveltebits.xyz/backgrounds/light-pillar",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7ec2712dbfb97a08",
      "title": "Silk",
      "url": "https://sveltebits.xyz/backgrounds/silk",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0f378778b322cc81",
      "title": "Floating Lines",
      "url": "https://sveltebits.xyz/backgrounds/floating-lines",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c7a52740f13c1327",
      "title": "Light Rays",
      "url": "https://sveltebits.xyz/backgrounds/light-rays",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "44f232ac463f6d67",
      "title": "Pixel Blast",
      "url": "https://sveltebits.xyz/backgrounds/pixel-blast",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d8117254a98452f6",
      "title": "Color Bends",
      "url": "https://sveltebits.xyz/backgrounds/color-bends",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3f12c37862ee4eaa",
      "title": "Evil Eye",
      "url": "https://sveltebits.xyz/backgrounds/evil-eye",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "97770ea983c26adf",
      "title": "Line Waves",
      "url": "https://sveltebits.xyz/backgrounds/line-waves",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "折线",
        "线条"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a71f99bd4a44ba6f",
      "title": "Radar",
      "url": "https://sveltebits.xyz/backgrounds/radar",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "cee64dd272445caa",
      "title": "Soft Aurora",
      "url": "https://sveltebits.xyz/backgrounds/soft-aurora",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d7e641cb1fe53ae9",
      "title": "Aurora",
      "url": "https://sveltebits.xyz/backgrounds/aurora",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "6461fa9a059ceadb",
      "title": "Plasma",
      "url": "https://sveltebits.xyz/backgrounds/plasma",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "8d2a9bb397c20507",
      "title": "Plasma Wave",
      "url": "https://sveltebits.xyz/backgrounds/plasma-wave",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0ecd1b056d5ded6a",
      "title": "Particles",
      "url": "https://sveltebits.xyz/backgrounds/particles",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "粒子"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b08b96abb0ff5407",
      "title": "Gradient Blinds",
      "url": "https://sveltebits.xyz/backgrounds/gradient-blinds",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "渐变"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "475013eafa8e2f67",
      "title": "Grainient",
      "url": "https://sveltebits.xyz/backgrounds/grainient",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "18fb571938ee2559",
      "title": "Grid Scan",
      "url": "https://sveltebits.xyz/backgrounds/grid-scan",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "dd87051cac0b5b20",
      "title": "Beams",
      "url": "https://sveltebits.xyz/backgrounds/beams",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c6fcf30f285376cc",
      "title": "Pixel Snow",
      "url": "https://sveltebits.xyz/backgrounds/pixel-snow",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0fd1d8686d4a1d6c",
      "title": "Lightning",
      "url": "https://sveltebits.xyz/backgrounds/lightning",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "851d6320db221d9d",
      "title": "Prismatic Burst",
      "url": "https://sveltebits.xyz/backgrounds/prismatic-burst",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "aeb883b0cc0edf79",
      "title": "Galaxy",
      "url": "https://sveltebits.xyz/backgrounds/galaxy",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c9f23425cc0f24af",
      "title": "Dither",
      "url": "https://sveltebits.xyz/backgrounds/dither",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "63fd58ee3bf93a14",
      "title": "Faulty Terminal",
      "url": "https://sveltebits.xyz/backgrounds/faulty-terminal",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "终端"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "6e68330051ecf728",
      "title": "Ripple Grid",
      "url": "https://sveltebits.xyz/backgrounds/ripple-grid",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "网格",
        "涟漪",
        "波纹"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c7e8d1a05011e5de",
      "title": "Dot Grid",
      "url": "https://sveltebits.xyz/backgrounds/dot-grid",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ea1e033f8d071cef",
      "title": "Threads",
      "url": "https://sveltebits.xyz/backgrounds/threads",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f569cb63b06f87f9",
      "title": "Hyperspeed",
      "url": "https://sveltebits.xyz/backgrounds/hyperspeed",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b3b0c9496fbd243a",
      "title": "Iridescence",
      "url": "https://sveltebits.xyz/backgrounds/iridescence",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0ffeed3aca125d75",
      "title": "Waves",
      "url": "https://sveltebits.xyz/backgrounds/waves",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4a917a99d456a65b",
      "title": "Grid Distortion",
      "url": "https://sveltebits.xyz/backgrounds/grid-distortion",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f5136c8ca64c4544",
      "title": "Ballpit",
      "url": "https://sveltebits.xyz/backgrounds/ballpit",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "cf9421d334c513a9",
      "title": "Orb",
      "url": "https://sveltebits.xyz/backgrounds/orb",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ff37bfed4d993437",
      "title": "Letter Glitch",
      "url": "https://sveltebits.xyz/backgrounds/letter-glitch",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "16c7e0c14ed1963a",
      "title": "Grid Motion",
      "url": "https://sveltebits.xyz/backgrounds/grid-motion",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "网格",
        "动画",
        "动效"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "2b29a991e6fc4712",
      "title": "Liquid Chrome",
      "url": "https://sveltebits.xyz/backgrounds/liquid-chrome",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "2188355dfbdf7ea1",
      "title": "Balatro",
      "url": "https://sveltebits.xyz/backgrounds/balatro",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/categories.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "06217f135500f9fe",
      "title": "Paper Crumple",
      "url": "https://sveltebits.xyz/micro/paper-crumple",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板",
        "拖拽",
        "拖动",
        "三维",
        "3D",
        "图片"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4705b8c647143a52",
      "title": "Tear Ticket",
      "url": "https://sveltebits.xyz/micro/tear-ticket",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "三维",
        "3D"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "20e96c656faf4a80",
      "title": "Flip Card",
      "url": "https://sveltebits.xyz/micro/flip-card",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "卡片",
        "光标",
        "鼠标",
        "指针",
        "翻转",
        "拖拽",
        "拖动",
        "三维",
        "3D"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "cc98438d350be6ed",
      "title": "Branched Menu",
      "url": "https://sveltebits.xyz/micro/branched-menu",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "折线",
        "线条",
        "菜单"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "74d1a0783f2afbe8",
      "title": "Folder Float",
      "url": "https://sveltebits.xyz/micro/folder-float",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "文件夹"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d051b63af8924416",
      "title": "Refine Frame",
      "url": "https://sveltebits.xyz/micro/refine-frame",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "模糊"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "41d1f21690e0e2de",
      "title": "Thought Line",
      "url": "https://sveltebits.xyz/micro/thought-line",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "折线",
        "线条",
        "模糊"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d42b79f4696948fe",
      "title": "Voice Pill",
      "url": "https://sveltebits.xyz/micro/voice-pill",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a2cf49c2d7fd05a9",
      "title": "Slosh Gauge",
      "url": "https://sveltebits.xyz/micro/slosh-gauge",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d801e14c621dc033",
      "title": "Prompt Bar",
      "url": "https://sveltebits.xyz/micro/prompt-bar",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "菜单",
        "聊天",
        "对话",
        "箭头"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a37bd78198d49d90",
      "title": "Swipe Toast",
      "url": "https://sveltebits.xyz/micro/swipe-toast",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示",
        "悬停",
        "鼠标悬停",
        "滑动",
        "手势"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "8d192aed85391cba",
      "title": "Sling Button",
      "url": "https://sveltebits.xyz/micro/sling-button",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "075172ee192655d3",
      "title": "Bell Toggle",
      "url": "https://sveltebits.xyz/micro/bell-toggle",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "切换",
        "开关",
        "模糊",
        "铃铛",
        "通知"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "746e502cbfbf5ca1",
      "title": "Call Chip",
      "url": "https://sveltebits.xyz/micro/call-chip",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "891a37451cae0465",
      "title": "Status Mark",
      "url": "https://sveltebits.xyz/micro/status-mark",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "进度条",
        "智能体",
        "勾选",
        "成功"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "2c314fe008e911a8",
      "title": "Glide Select",
      "url": "https://sveltebits.xyz/micro/glide-select",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择",
        "菜单",
        "悬停",
        "鼠标悬停"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4eca5aa404093042",
      "title": "Swipe Row",
      "url": "https://sveltebits.xyz/micro/swipe-row",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "列表",
        "揭示",
        "出现",
        "入场",
        "滑动",
        "手势"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "83309a670d293156",
      "title": "Jelly Radio",
      "url": "https://sveltebits.xyz/micro/jelly-radio",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "单选框",
        "交错",
        "逐个出现"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "82057d4d56f86d6e",
      "title": "Comet Dial",
      "url": "https://sveltebits.xyz/micro/comet-dial",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "fc40b615206f3e2a",
      "title": "Wake Slider",
      "url": "https://sveltebits.xyz/micro/wake-slider",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "拖拽",
        "拖动"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "65e154bf9262a24b",
      "title": "Code Slots",
      "url": "https://sveltebits.xyz/micro/code-slots",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "264f8073828f9641",
      "title": "Dodge Field",
      "url": "https://sveltebits.xyz/micro/dodge-field",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "指针",
        "鼠标",
        "首页",
        "房子"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4eaec65109712c97",
      "title": "Lattice Loader",
      "url": "https://sveltebits.xyz/micro/lattice-loader",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "智能体",
        "勾选",
        "成功",
        "关闭",
        "叉号"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "809fbde67a27b941",
      "title": "Scrub Field",
      "url": "https://sveltebits.xyz/micro/scrub-field",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "打字机",
        "打字",
        "拖拽",
        "拖动"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ef56fec59438bca2",
      "title": "Fuse Button",
      "url": "https://sveltebits.xyz/micro/fuse-button",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d0f49a5f8e0136fd",
      "title": "Warm Tooltip",
      "url": "https://sveltebits.xyz/micro/warm-tooltip",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "提示",
        "气泡",
        "工具提示"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c86ac36733388b53",
      "title": "Slide Commit",
      "url": "https://sveltebits.xyz/micro/slide-commit",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "转圈",
        "首页",
        "房子"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    },
    {
      "id": "fdde4470df8a2d5b",
      "title": "Rubber Segment",
      "url": "https://sveltebits.xyz/micro/rubber-segment",
      "kind": "交互组件示例",
      "direct": true,
      "aliases": [
        "拖拽",
        "拖动"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://raw.githubusercontent.com/DavidHDev/svelte-bits/main/src/lib/constants/micro.ts",
        "date": "2026-10-14"
      }
    }
  ]
}