{
  "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": 1,
    "pageSize": 80,
    "totalEntries": 165,
    "totalPages": 3,
    "offset": 0,
    "previous": null,
    "next": "page-2.json"
  },
  "entries": [
    {
      "id": "89731f5d22ad5d99",
      "title": "Svelte Bits · Svelte 动效组件库",
      "url": "https://sveltebits.xyz/",
      "kind": "集合",
      "direct": false,
      "aliases": [
        "Svelte Bits",
        "Svelte 动效组件库",
        "Svelte"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://sveltebits.xyz/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b74045d89b58afc1",
      "title": "New Component DotField",
      "url": "https://sveltebits.xyz/backgrounds/dot-field",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://sveltebits.xyz/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f29e6cc4f2324e24",
      "title": "Backgrounds ShapeGrid",
      "url": "https://sveltebits.xyz/backgrounds/shape-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://sveltebits.xyz/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "57ca522e82397a64",
      "title": "Components Dock",
      "url": "https://sveltebits.xyz/components/dock",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://sveltebits.xyz/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c2a06ccee37f8749",
      "title": "Split Text",
      "url": "https://sveltebits.xyz/text-animations/split-text",
      "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": "8b0ef8b9f56ce66b",
      "title": "Blur Text",
      "url": "https://sveltebits.xyz/text-animations/blur-text",
      "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": "a4819dafddc4c485",
      "title": "Circular Text",
      "url": "https://sveltebits.xyz/text-animations/circular-text",
      "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": "81223913db2f8a25",
      "title": "Masked Heading",
      "url": "https://sveltebits.xyz/text-animations/masked-heading",
      "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": "c3e9b471f6d2b45a",
      "title": "Text Type",
      "url": "https://sveltebits.xyz/text-animations/text-type",
      "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": "fbd350a8be83d4c0",
      "title": "Shuffle",
      "url": "https://sveltebits.xyz/text-animations/shuffle",
      "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": "86b8a759a22c2a9c",
      "title": "Shiny Text",
      "url": "https://sveltebits.xyz/text-animations/shiny-text",
      "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": "2915c1a08af6c084",
      "title": "Text Pressure",
      "url": "https://sveltebits.xyz/text-animations/text-pressure",
      "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": "b45384e0f1c2bf25",
      "title": "Curved Loop",
      "url": "https://sveltebits.xyz/text-animations/curved-loop",
      "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": "e1536b5b1b5a8d43",
      "title": "Fuzzy Text",
      "url": "https://sveltebits.xyz/text-animations/fuzzy-text",
      "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": "cd693e2d0c5f3d39",
      "title": "Gradient Text",
      "url": "https://sveltebits.xyz/text-animations/gradient-text",
      "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": "ffe770ed41eb577c",
      "title": "Falling Text",
      "url": "https://sveltebits.xyz/text-animations/falling-text",
      "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": "29eb587f74cf13bb",
      "title": "Text Cursor",
      "url": "https://sveltebits.xyz/text-animations/text-cursor",
      "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": "9120deabc3cfe9bf",
      "title": "Decrypted Text",
      "url": "https://sveltebits.xyz/text-animations/decrypted-text",
      "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": "98d369cbc9dc5203",
      "title": "True Focus",
      "url": "https://sveltebits.xyz/text-animations/true-focus",
      "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": "e8d1863c7541d644",
      "title": "Scroll Float",
      "url": "https://sveltebits.xyz/text-animations/scroll-float",
      "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": "b466a580a8d5aefc",
      "title": "Scroll Reveal",
      "url": "https://sveltebits.xyz/text-animations/scroll-reveal",
      "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": "c7be8f18dbc9c3e3",
      "title": "ASCII Text",
      "url": "https://sveltebits.xyz/text-animations/ascii-text",
      "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": "8ce045342861da59",
      "title": "Scrambled Text",
      "url": "https://sveltebits.xyz/text-animations/scrambled-text",
      "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": "9b3bed5076b2a719",
      "title": "Rotating Text",
      "url": "https://sveltebits.xyz/text-animations/rotating-text",
      "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": "fddbaacdb0ae542b",
      "title": "Glitch Text",
      "url": "https://sveltebits.xyz/text-animations/glitch-text",
      "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": "7bfaf3bbfc0ce881",
      "title": "Scroll Velocity",
      "url": "https://sveltebits.xyz/text-animations/scroll-velocity",
      "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": "36b8d7e726e0161f",
      "title": "Variable Proximity",
      "url": "https://sveltebits.xyz/text-animations/variable-proximity",
      "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": "ce83fd0891372a7b",
      "title": "Count Up",
      "url": "https://sveltebits.xyz/text-animations/count-up",
      "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": "2ebdd88ee7ce78d2",
      "title": "Animated Content",
      "url": "https://sveltebits.xyz/animations/animated-content",
      "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": "9b2ec77475b00ace",
      "title": "Fade Content",
      "url": "https://sveltebits.xyz/animations/fade-content",
      "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": "1a03512d82fddac7",
      "title": "Electric Border",
      "url": "https://sveltebits.xyz/animations/electric-border",
      "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": "3279cb7f3ea0b6ec",
      "title": "Orbit Images",
      "url": "https://sveltebits.xyz/animations/orbit-images",
      "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": "05065167751adf09",
      "title": "Pixel Transition",
      "url": "https://sveltebits.xyz/animations/pixel-transition",
      "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": "a73ede0b6688bf8e",
      "title": "Glare Hover",
      "url": "https://sveltebits.xyz/animations/glare-hover",
      "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": "8e73a20b3eadb805",
      "title": "Antigravity",
      "url": "https://sveltebits.xyz/animations/antigravity",
      "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": "a830fa7f5e4ac9d1",
      "title": "Logo Loop",
      "url": "https://sveltebits.xyz/animations/logo-loop",
      "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": "bd5c48a31c821e0c",
      "title": "Target Cursor",
      "url": "https://sveltebits.xyz/animations/target-cursor",
      "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": "08f538642b248ac6",
      "title": "Magic Rings",
      "url": "https://sveltebits.xyz/animations/magic-rings",
      "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": "bd16a4ee278d8ea7",
      "title": "Laser Flow",
      "url": "https://sveltebits.xyz/animations/laser-flow",
      "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": "138e3a62f0bdb5a5",
      "title": "Magnet Lines",
      "url": "https://sveltebits.xyz/animations/magnet-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": "432e579d73adea3f",
      "title": "Ghost Cursor",
      "url": "https://sveltebits.xyz/animations/ghost-cursor",
      "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": "522dedc115bae9e2",
      "title": "Gradual Blur",
      "url": "https://sveltebits.xyz/animations/gradual-blur",
      "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": "bfb7ebe26ffd8c3d",
      "title": "Click Spark",
      "url": "https://sveltebits.xyz/animations/click-spark",
      "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": "c0afd517ea417ed3",
      "title": "Cursor Grid",
      "url": "https://sveltebits.xyz/animations/cursor-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": "d8390a8ad8eb2e18",
      "title": "Scroll Expand",
      "url": "https://sveltebits.xyz/animations/scroll-expand",
      "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": "332a3ef8aed829e3",
      "title": "Magnet",
      "url": "https://sveltebits.xyz/animations/magnet",
      "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": "cfad45438fce342b",
      "title": "Sticker Peel",
      "url": "https://sveltebits.xyz/animations/sticker-peel",
      "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": "0b4ae25b45800a74",
      "title": "Pixel Trail",
      "url": "https://sveltebits.xyz/animations/pixel-trail",
      "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": "d778361901c70488",
      "title": "Cubes",
      "url": "https://sveltebits.xyz/animations/cubes",
      "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": "6b8671dbd9c4a21a",
      "title": "Metallic Paint",
      "url": "https://sveltebits.xyz/animations/metallic-paint",
      "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": "ac1ac23750a1bb56",
      "title": "Noise",
      "url": "https://sveltebits.xyz/animations/noise",
      "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": "752ce04f80cad7b1",
      "title": "Shape Blur",
      "url": "https://sveltebits.xyz/animations/shape-blur",
      "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": "0387cead8f23b15b",
      "title": "Crosshair",
      "url": "https://sveltebits.xyz/animations/crosshair",
      "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": "5c5622e41b6e67c7",
      "title": "Image Trail",
      "url": "https://sveltebits.xyz/animations/image-trail",
      "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": "bce1b264b3988f79",
      "title": "Ribbons",
      "url": "https://sveltebits.xyz/animations/ribbons",
      "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": "d2f1cb99a272ffc0",
      "title": "Splash Cursor",
      "url": "https://sveltebits.xyz/animations/splash-cursor",
      "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": "63690edbc6d9b1b1",
      "title": "Meta Balls",
      "url": "https://sveltebits.xyz/animations/meta-balls",
      "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": "8b6e36465411465d",
      "title": "Blob Cursor",
      "url": "https://sveltebits.xyz/animations/blob-cursor",
      "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": "f0e0c09def048bae",
      "title": "Star Border",
      "url": "https://sveltebits.xyz/animations/star-border",
      "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": "618f6e718f2d1f92",
      "title": "Animated List",
      "url": "https://sveltebits.xyz/components/animated-list",
      "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": "a81378a0b603d2df",
      "title": "Scroll Stack",
      "url": "https://sveltebits.xyz/components/scroll-stack",
      "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": "da349f25efb6f999",
      "title": "Bubble Menu",
      "url": "https://sveltebits.xyz/components/bubble-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": "ace963f590a3cda0",
      "title": "Magic Bento",
      "url": "https://sveltebits.xyz/components/magic-bento",
      "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"
      },
      "visual": {
        "layouts": [
          {
            "id": "bento",
            "label": "Bento 功能网格",
            "evidence": "对应官方 Magic Bento 专属预览由六张不同大小卡片组成"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "具体默认组件为近黑底、细边框与少量白色文字，结构克制、卡片内留白明显"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "具体默认组件为近黑底、细边框与少量白色文字，结构克制、卡片内留白明显"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-18",
        "evidenceUrl": "https://sveltebits.xyz/components/magic-bento",
        "boundary": "标签仅描述本条官方默认预览；代码、付费权限与可配置颜色以原站为准。未验证所有交互。"
      }
    },
    {
      "id": "1116c2f8a2dcfb43",
      "title": "Circular Gallery",
      "url": "https://sveltebits.xyz/components/circular-gallery",
      "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": "0134e8864534b4d3",
      "title": "Reflective Card",
      "url": "https://sveltebits.xyz/components/reflective-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": "397d454565497fe6",
      "title": "Card Nav",
      "url": "https://sveltebits.xyz/components/card-nav",
      "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": "699c7f40ff92e5da",
      "title": "Stack",
      "url": "https://sveltebits.xyz/components/stack",
      "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": "6c2235776c57e1ec",
      "title": "Pill Nav",
      "url": "https://sveltebits.xyz/components/pill-nav",
      "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": "6778d6448197139f",
      "title": "Tilted Card",
      "url": "https://sveltebits.xyz/components/tilted-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": "7ca563e51caa9602",
      "title": "Masonry",
      "url": "https://sveltebits.xyz/components/masonry",
      "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": "a6fc0cede161caa4",
      "title": "Glass Surface",
      "url": "https://sveltebits.xyz/components/glass-surface",
      "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": "8d5a44dba0e8fc18",
      "title": "Dome Gallery",
      "url": "https://sveltebits.xyz/components/dome-gallery",
      "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": "2a1df8417e14b4e5",
      "title": "Chroma Grid",
      "url": "https://sveltebits.xyz/components/chroma-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": "a2f9bedff1bd3ad1",
      "title": "Folder",
      "url": "https://sveltebits.xyz/components/folder",
      "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": "6aa019d449e6d18f",
      "title": "Staggered Menu",
      "url": "https://sveltebits.xyz/components/staggered-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": "c21690471fc6008a",
      "title": "Model Viewer",
      "url": "https://sveltebits.xyz/components/model-viewer",
      "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": "57d2f1f558902424",
      "title": "Profile Card",
      "url": "https://sveltebits.xyz/components/profile-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": "c77ef6cbdc496170",
      "title": "Gooey Nav",
      "url": "https://sveltebits.xyz/components/gooey-nav",
      "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": "f8c39822600f6128",
      "title": "Pixel Card",
      "url": "https://sveltebits.xyz/components/pixel-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": "d49e0ddfb5f2aef9",
      "title": "Carousel",
      "url": "https://sveltebits.xyz/components/carousel",
      "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"
      }
    }
  ]
}