{
  "schemaVersion": 1,
  "updatedAt": "2026-10-18",
  "source": {
    "id": "vuebits",
    "name": "Vue Bits",
    "description": "可定制的 Vue 动效组件，适合文字、卡片与动态背景。",
    "category": "UI 组件库",
    "tags": [
      "Vue",
      "动效组件",
      "提供代码"
    ],
    "url": "https://vue-bits.dev/",
    "directoryUrl": "https://www.uipicks.top/ai/sites/vuebits/index.html",
    "jsonUrl": "https://www.uipicks.top/ai/sites/vuebits/index.json",
    "code": true,
    "prompt": false,
    "entryCount": 196,
    "scope": {
      "status": "已核对公开条目清单",
      "note": "覆盖本次官网发布资源中的命名条目与 docsUrl；不把通用依赖中的组件混入目录。",
      "capturedAt": "2026-10-14"
    },
    "offers": [
      {
        "id": "catalog",
        "label": "已收录的参考资源",
        "platforms": [
          "web"
        ],
        "resources": [
          "code"
        ],
        "frameworks": [
          "vue"
        ],
        "pricing": [
          "unknown"
        ],
        "evidence": [
          {
            "kind": "saved",
            "url": "https://vue-bits.dev/",
            "date": "2026-10-13",
            "note": "已收录的官网用途说明与标签：可定制的 Vue 动效组件，适合文字、卡片与动态背景。"
          }
        ]
      }
    ],
    "featuredSamples": []
  },
  "pagination": {
    "page": 2,
    "pageSize": 80,
    "totalEntries": 196,
    "totalPages": 3,
    "offset": 80,
    "previous": "index.json",
    "next": "page-3.json"
  },
  "entries": [
    {
      "id": "1716d3a6e20eb556",
      "title": "Circular Gallery",
      "url": "https://vue-bits.dev/components/circular-gallery",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "环形",
        "圆形",
        "画廊",
        "图片展示"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c1d15d6915c79038",
      "title": "Counter",
      "url": "https://vue-bits.dev/components/counter",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a2e0da1736a9ce63",
      "title": "Curved Input",
      "url": "https://vue-bits.dev/components/curved-input",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "按钮",
        "输入框",
        "文字",
        "文本"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "45d2c502e1ba3caa",
      "title": "Decay Card",
      "url": "https://vue-bits.dev/components/decay-card",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "卡片",
        "悬停",
        "鼠标悬停"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d10599c8a63a51dd",
      "title": "Depth Carousel",
      "url": "https://vue-bits.dev/components/depth-carousel",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "卡片",
        "拖拽",
        "拖动",
        "三维",
        "3D"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "59c62a92caf8f27d",
      "title": "Dock",
      "url": "https://vue-bits.dev/components/dock",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "程序坞",
        "导航",
        "图标"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ae787cbd61b720e7",
      "title": "Dome Gallery",
      "url": "https://vue-bits.dev/components/dome-gallery",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "三维",
        "3D",
        "画廊",
        "图片展示"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a2607215fcc24114",
      "title": "Drift Wall",
      "url": "https://vue-bits.dev/components/drift-wall",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "18770d40f5e0f763",
      "title": "Elastic Slider",
      "url": "https://vue-bits.dev/components/elastic-slider",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ba3b17474d9e6c46",
      "title": "Flowing Menu",
      "url": "https://vue-bits.dev/components/flowing-menu",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "67fb86d737087d77",
      "title": "Flying Posters",
      "url": "https://vue-bits.dev/components/flying-posters",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "滚动",
        "三维",
        "3D"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5b5a2951ddfc82e6",
      "title": "Folder",
      "url": "https://vue-bits.dev/components/folder",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场",
        "动画",
        "动效",
        "文件夹"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "05028e3ec4843d7e",
      "title": "Glass Icons",
      "url": "https://vue-bits.dev/components/glass-icons",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "模糊",
        "图标"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e1c4d75144138175",
      "title": "Glass Surface",
      "url": "https://vue-bits.dev/components/glass-surface",
      "kind": "组件示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1216248b5728437a",
      "title": "Gooey Nav",
      "url": "https://vue-bits.dev/components/gooey-nav",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "导航",
        "液态",
        "融合",
        "形变"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "723dd077b25a5327",
      "title": "Infinite Menu",
      "url": "https://vue-bits.dev/components/infinite-menu",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "de1b582471797ed6",
      "title": "Infinite Spiral",
      "url": "https://vue-bits.dev/components/infinite-spiral",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "交互",
        "三维",
        "3D"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b8e21f4d45367504",
      "title": "Line Sidebar",
      "url": "https://vue-bits.dev/components/line-sidebar",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "折线",
        "线条",
        "导航",
        "侧边栏",
        "列表",
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "dde57d69501402ae",
      "title": "Magic Bento",
      "url": "https://vue-bits.dev/components/magic-bento",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格",
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "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://vue-bits.dev/components/magic-bento",
        "boundary": "标签仅描述本条官方默认预览；代码、付费权限与可配置颜色以原站为准。未验证所有交互。"
      }
    },
    {
      "id": "2514678ad914f7d8",
      "title": "Masonry",
      "url": "https://vue-bits.dev/components/masonry",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "129f79fedc9f6166",
      "title": "Morph Slider",
      "url": "https://vue-bits.dev/components/morph-slider",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4a6cbbd77f2198de",
      "title": "Option Wheel",
      "url": "https://vue-bits.dev/components/option-wheel",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "滚动",
        "拖拽",
        "拖动",
        "箭头"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "dd2c479d821b2a00",
      "title": "Pill Nav",
      "url": "https://vue-bits.dev/components/pill-nav",
      "kind": "组件示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5ba82121938c6247",
      "title": "Pixel Card",
      "url": "https://vue-bits.dev/components/pixel-card",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c976e1ecb616f45b",
      "title": "Profile Card",
      "url": "https://vue-bits.dev/components/profile-card",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "卡片",
        "悬停",
        "鼠标悬停",
        "反光",
        "高光",
        "动画",
        "动效",
        "三维",
        "3D"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d284cb396176abbc",
      "title": "Reflective Card",
      "url": "https://vue-bits.dev/components/reflective-card",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7905feeb3d9a8bb1",
      "title": "Scroll Stack",
      "url": "https://vue-bits.dev/components/scroll-stack",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "卡片",
        "滚动"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "684519cfde2e1ae4",
      "title": "Specular Button",
      "url": "https://vue-bits.dev/components/specular-button",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "按钮",
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ad327920d5491bdb",
      "title": "Spotlight Card",
      "url": "https://vue-bits.dev/components/spotlight-card",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "卡片",
        "渐变",
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d3d0a51300d3173e",
      "title": "Stack",
      "url": "https://vue-bits.dev/components/stack",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "滑动",
        "手势"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "8f46b45df926247b",
      "title": "Staggered Menu",
      "url": "https://vue-bits.dev/components/staggered-menu",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "菜单",
        "关闭"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d6141ea181de1168",
      "title": "Stepper",
      "url": "https://vue-bits.dev/components/stepper",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "进度条",
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f0dc593066d35933",
      "title": "Tilted Card",
      "url": "https://vue-bits.dev/components/tilted-card",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "卡片",
        "指针",
        "鼠标",
        "三维",
        "3D"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "09c5e7fce780fdfb",
      "title": "Acid Squares",
      "url": "https://vue-bits.dev/backgrounds/acid-squares",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a5694971e8e10529",
      "title": "Aero Shards",
      "url": "https://vue-bits.dev/backgrounds/aero-shards",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "指针",
        "鼠标"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9c3309e1757c64bc",
      "title": "Aurora",
      "url": "https://vue-bits.dev/backgrounds/aurora",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "渐变",
        "极光",
        "渐变背景",
        "背景"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5c46bfdede49171c",
      "title": "Balatro",
      "url": "https://vue-bits.dev/backgrounds/balatro",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7b05fe518a0dfae2",
      "title": "Ballpit",
      "url": "https://vue-bits.dev/backgrounds/ballpit",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "18f8471657eb40e5",
      "title": "Beams",
      "url": "https://vue-bits.dev/backgrounds/beams",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "8a61a393fe462d4b",
      "title": "Color Bends",
      "url": "https://vue-bits.dev/backgrounds/color-bends",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1068e94bcf86699f",
      "title": "CRTWarp",
      "url": "https://vue-bits.dev/backgrounds/crt-warp",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "指针",
        "鼠标",
        "交互",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c993b64f14972854",
      "title": "Scanner",
      "url": "https://vue-bits.dev/backgrounds/scanner",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "背景",
        "交互",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "606442e600957b25",
      "title": "Dark Veil",
      "url": "https://vue-bits.dev/backgrounds/dark-veil",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "背景",
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "2ec46fea0f86ce75",
      "title": "Dither",
      "url": "https://vue-bits.dev/backgrounds/dither",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f76148a483689afa",
      "title": "Dot Field",
      "url": "https://vue-bits.dev/backgrounds/dot-field",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "网格",
        "发光",
        "光晕",
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b72953410f8301a3",
      "title": "Dot Grid",
      "url": "https://vue-bits.dev/backgrounds/dot-grid",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "网格",
        "光标",
        "鼠标",
        "指针",
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a45c2d3836f0d069",
      "title": "Evil Eye",
      "url": "https://vue-bits.dev/backgrounds/evil-eye",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "发光",
        "光晕",
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c45a757cbd57529f",
      "title": "Faulty Terminal",
      "url": "https://vue-bits.dev/backgrounds/faulty-terminal",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "终端"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "10a1cc9f49efc0d7",
      "title": "Ferrofluid",
      "url": "https://vue-bits.dev/backgrounds/ferrofluid",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "07e9741bf6ddcead",
      "title": "Floating Lines",
      "url": "https://vue-bits.dev/backgrounds/floating-lines",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针",
        "三维",
        "3D"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "041ea487c0f6177b",
      "title": "Galaxy",
      "url": "https://vue-bits.dev/backgrounds/galaxy",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "指针",
        "鼠标"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "238012fca8b70076",
      "title": "Ghost Fibers",
      "url": "https://vue-bits.dev/backgrounds/ghost-fibers",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "发光",
        "光晕"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "06147440d0eee223",
      "title": "Gradient Blinds",
      "url": "https://vue-bits.dev/backgrounds/gradient-blinds",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "渐变"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "93b4f3a584c1c763",
      "title": "Gradient Waves",
      "url": "https://vue-bits.dev/backgrounds/gradient-waves",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "渐变"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d05d48d4b4c83967",
      "title": "Grainient",
      "url": "https://vue-bits.dev/backgrounds/grainient",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "渐变"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "08231063fc86dc0b",
      "title": "Grid Distortion",
      "url": "https://vue-bits.dev/backgrounds/grid-distortion",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "网格",
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3a0fda71a257e8c3",
      "title": "Grid Motion",
      "url": "https://vue-bits.dev/backgrounds/grid-motion",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "网格",
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "fcfd2b2482507701",
      "title": "Grid Scan",
      "url": "https://vue-bits.dev/backgrounds/grid-scan",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "网格",
        "动画",
        "动效",
        "三维",
        "3D"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "beea27b28855cff1",
      "title": "Hyperspeed",
      "url": "https://vue-bits.dev/backgrounds/hyperspeed",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "124fcb89cddabe8b",
      "title": "Iridescence",
      "url": "https://vue-bits.dev/backgrounds/iridescence",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1f11b67c1fbf6ed1",
      "title": "Letter Glitch",
      "url": "https://vue-bits.dev/backgrounds/letter-glitch",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a71506aa75765d16",
      "title": "Lightfall",
      "url": "https://vue-bits.dev/backgrounds/lightfall",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ac926e4608065002",
      "title": "Lightning",
      "url": "https://vue-bits.dev/backgrounds/lightning",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "发光",
        "光晕"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "df2b2069b03f6316",
      "title": "Light Pillar",
      "url": "https://vue-bits.dev/backgrounds/light-pillar",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "发光",
        "光晕"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "bbf02a77c775fb9e",
      "title": "Light Rays",
      "url": "https://vue-bits.dev/backgrounds/light-rays",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "030016fc5a1e1eaa",
      "title": "Light Tunnel",
      "url": "https://vue-bits.dev/backgrounds/light-tunnel",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d7eefcefd26eab9b",
      "title": "Line Waves",
      "url": "https://vue-bits.dev/backgrounds/line-waves",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "折线",
        "线条",
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9112bb0a6b1d0f5c",
      "title": "Liquid Chrome",
      "url": "https://vue-bits.dev/backgrounds/liquid-chrome",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a1a233186fc647c8",
      "title": "Liquid Ether",
      "url": "https://vue-bits.dev/backgrounds/liquid-ether",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b8c28826518d8b72",
      "title": "Molten Metal",
      "url": "https://vue-bits.dev/backgrounds/molten-metal",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "219bab81a270064c",
      "title": "Orb",
      "url": "https://vue-bits.dev/backgrounds/orb",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3d51aa124a1c0b1e",
      "title": "Particles",
      "url": "https://vue-bits.dev/backgrounds/particles",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "粒子"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "085c415fbb859131",
      "title": "Pixel Blast",
      "url": "https://vue-bits.dev/backgrounds/pixel-blast",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "粒子"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a909dc2518d47dc3",
      "title": "Plasma",
      "url": "https://vue-bits.dev/backgrounds/plasma",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "dfbf4812f25dcbd4",
      "title": "Plasma Wave",
      "url": "https://vue-bits.dev/backgrounds/plasma-wave",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a9bf5f2d8568d8db",
      "title": "Prism",
      "url": "https://vue-bits.dev/backgrounds/prism",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b09587052b995587",
      "title": "Prismatic Burst",
      "url": "https://vue-bits.dev/backgrounds/prismatic-burst",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9e56b129d85e9344",
      "title": "Radar",
      "url": "https://vue-bits.dev/backgrounds/radar",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光束"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "afb2f1d845ffa348",
      "title": "Ripple Grid",
      "url": "https://vue-bits.dev/backgrounds/ripple-grid",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "网格",
        "涟漪",
        "波纹"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "6b78a7561c1e3746",
      "title": "Shape Grid",
      "url": "https://vue-bits.dev/backgrounds/shape-grid",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "网格",
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    }
  ]
}