{
  "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": 3,
    "pageSize": 80,
    "totalEntries": 196,
    "totalPages": 3,
    "offset": 160,
    "previous": "page-2.json",
    "next": null
  },
  "entries": [
    {
      "id": "82008ce316f32b85",
      "title": "Shape Waves",
      "url": "https://vue-bits.dev/backgrounds/shape-waves",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f21f83c3367c2658",
      "title": "Side Rays",
      "url": "https://vue-bits.dev/backgrounds/side-rays",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4127086322a4f9cf",
      "title": "Topography",
      "url": "https://vue-bits.dev/backgrounds/topography",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "地图"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "874b55caa51c2df0",
      "title": "Web Threads",
      "url": "https://vue-bits.dev/backgrounds/web-threads",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e8add51b79f5e96e",
      "title": "Bell Toggle",
      "url": "https://vue-bits.dev/micro/bell-toggle",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "切换",
        "开关",
        "模糊",
        "铃铛",
        "通知"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "8d83e0ec759b84d3",
      "title": "Branched Menu",
      "url": "https://vue-bits.dev/micro/branched-menu",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "折线",
        "线条",
        "菜单"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e1d3732213bc0aa8",
      "title": "Call Chip",
      "url": "https://vue-bits.dev/micro/call-chip",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c4428c04f853b26a",
      "title": "Code Slots",
      "url": "https://vue-bits.dev/micro/code-slots",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f3e53cb8e2fd7dec",
      "title": "Comet Dial",
      "url": "https://vue-bits.dev/micro/comet-dial",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a9fea703bb576200",
      "title": "Dodge Field",
      "url": "https://vue-bits.dev/micro/dodge-field",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "指针",
        "鼠标",
        "首页",
        "房子"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "250f3978651506e8",
      "title": "Flip Card",
      "url": "https://vue-bits.dev/micro/flip-card",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "卡片",
        "光标",
        "鼠标",
        "指针",
        "翻转",
        "拖拽",
        "拖动",
        "三维",
        "3D"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "80a3dcbbfe116447",
      "title": "Folder Float",
      "url": "https://vue-bits.dev/micro/folder-float",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "文件夹"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1d27946e1cd30651",
      "title": "Fuse Button",
      "url": "https://vue-bits.dev/micro/fuse-button",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "768dba8fb9097049",
      "title": "Glide Select",
      "url": "https://vue-bits.dev/micro/glide-select",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择",
        "菜单",
        "悬停",
        "鼠标悬停"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "121f35333cb764d1",
      "title": "Hold Button",
      "url": "https://vue-bits.dev/micro/hold-button",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "按钮",
        "模糊"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5b1dde0319a917a8",
      "title": "Jelly Radio",
      "url": "https://vue-bits.dev/micro/jelly-radio",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "单选框",
        "交错",
        "逐个出现"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a2309b800e7d8b4c",
      "title": "Lattice Loader",
      "url": "https://vue-bits.dev/micro/lattice-loader",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "智能体",
        "勾选",
        "成功",
        "关闭",
        "叉号"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "08fa47b8e7a67d36",
      "title": "Peek Rating",
      "url": "https://vue-bits.dev/micro/peek-rating",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "指针",
        "鼠标",
        "星星",
        "收藏"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4fffe956da76d75e",
      "title": "Prompt Bar",
      "url": "https://vue-bits.dev/micro/prompt-bar",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "菜单",
        "聊天",
        "对话",
        "箭头"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "02f66b4902cb6403",
      "title": "Pulse Heart",
      "url": "https://vue-bits.dev/micro/pulse-heart",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "按钮",
        "爱心"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "fd730ed42f62e520",
      "title": "Refine Frame",
      "url": "https://vue-bits.dev/micro/refine-frame",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "模糊"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0b92160f615fea23",
      "title": "Rubber Segment",
      "url": "https://vue-bits.dev/micro/rubber-segment",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "拖拽",
        "拖动"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "2ef8dfad244aca31",
      "title": "Scrub Field",
      "url": "https://vue-bits.dev/micro/scrub-field",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "打字机",
        "打字",
        "拖拽",
        "拖动"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "8621d3175de3e7f4",
      "title": "Slide Commit",
      "url": "https://vue-bits.dev/micro/slide-commit",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "加载",
        "转圈",
        "首页",
        "房子"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d86df275698e6d37",
      "title": "Sling Button",
      "url": "https://vue-bits.dev/micro/sling-button",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "fdcda01f6c6d8add",
      "title": "Slosh Gauge",
      "url": "https://vue-bits.dev/micro/slosh-gauge",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d75ccc346887810f",
      "title": "Spring Check",
      "url": "https://vue-bits.dev/micro/spring-check",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "复选框",
        "多选框",
        "勾选",
        "成功"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "70cf11e63837418c",
      "title": "Squish Switch",
      "url": "https://vue-bits.dev/micro/squish-switch",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "开关",
        "拖拽",
        "拖动"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ed442224160b27bd",
      "title": "Status Mark",
      "url": "https://vue-bits.dev/micro/status-mark",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "进度条",
        "智能体",
        "勾选",
        "成功"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f991bd590c8c9c5b",
      "title": "Swipe Row",
      "url": "https://vue-bits.dev/micro/swipe-row",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "列表",
        "揭示",
        "出现",
        "入场",
        "滑动",
        "手势"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "cd0ad2dd76be2339",
      "title": "Swipe Toast",
      "url": "https://vue-bits.dev/micro/swipe-toast",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示",
        "悬停",
        "鼠标悬停",
        "滑动",
        "手势"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "09db0cb5477f956d",
      "title": "Tear Ticket",
      "url": "https://vue-bits.dev/micro/tear-ticket",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "三维",
        "3D"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c8ee541f644d80d0",
      "title": "Voice Pill",
      "url": "https://vue-bits.dev/micro/voice-pill",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3b4c8541a3610c29",
      "title": "Wake Slider",
      "url": "https://vue-bits.dev/micro/wake-slider",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "拖拽",
        "拖动"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "138108e3b87d4d5f",
      "title": "Warm Tooltip",
      "url": "https://vue-bits.dev/micro/warm-tooltip",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "提示",
        "气泡",
        "工具提示"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d2b3d12bd2ca0a96",
      "title": "Paper Crumple",
      "url": "https://vue-bits.dev/micro/paper-crumple",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板",
        "拖拽",
        "拖动",
        "三维",
        "3D",
        "图片"
      ],
      "framework": "Vue",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://vue-bits.dev/assets/index-BPFixVeq.js",
        "date": "2026-10-14"
      }
    }
  ]
}