{
  "schemaVersion": 1,
  "updatedAt": "2026-10-18",
  "source": {
    "id": "transitions",
    "name": "Transitions",
    "description": "提供卡片、菜单、弹窗与状态变化等可复制的 UI 过渡效果。",
    "category": "UI 组件库",
    "tags": [
      "交互过渡",
      "HTML / React",
      "含付费内容"
    ],
    "url": "https://transitions.dev/",
    "directoryUrl": "https://www.uipicks.top/ai/sites/transitions/index.html",
    "jsonUrl": "https://www.uipicks.top/ai/sites/transitions/index.json",
    "code": true,
    "prompt": false,
    "entryCount": 44,
    "scope": {
      "status": "已核对公开条目清单",
      "note": "覆盖官方 Library 页中有正式详情地址的全部演示卡片，Pro 预览明确标注。",
      "capturedAt": "2026-10-14"
    },
    "offers": [
      {
        "id": "catalog",
        "label": "已收录的参考资源",
        "platforms": [
          "web"
        ],
        "resources": [
          "code"
        ],
        "frameworks": [
          "react",
          "html"
        ],
        "pricing": [
          "unknown"
        ],
        "evidence": [
          {
            "kind": "saved",
            "url": "https://transitions.dev/",
            "date": "2026-10-13",
            "note": "已收录的官网用途说明与标签：提供卡片、菜单、弹窗与状态变化等可复制的 UI 过渡效果。"
          }
        ]
      }
    ],
    "featuredSamples": []
  },
  "pagination": {
    "page": 1,
    "pageSize": 80,
    "totalEntries": 44,
    "totalPages": 1,
    "offset": 0,
    "previous": null,
    "next": null
  },
  "entries": [
    {
      "id": "28ee9f832faa6e6c",
      "title": "Transitions · UI 过渡组件库",
      "url": "https://transitions.dev/",
      "kind": "集合",
      "direct": false,
      "aliases": [
        "Transitions",
        "UI 过渡组件库",
        "交互过渡"
      ],
      "framework": "交互过渡",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://transitions.dev/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4fa807ce85c460ea",
      "title": "Card resize",
      "url": "https://transitions.dev/transitions/card-resize",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3167ba6caa4667b3",
      "title": "Number pop-in",
      "url": "https://transitions.dev/transitions/number-pop-in",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "模糊",
        "翻转",
        "交错",
        "逐个出现"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1ef6a89eb5297861",
      "title": "Notification badge",
      "url": "https://transitions.dev/transitions/notification-badge",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "徽章",
        "状态标签",
        "通知",
        "消息提示"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "77b7bd1132985d5f",
      "title": "Text states swap",
      "url": "https://transitions.dev/transitions/text-states-swap",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "模糊",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a41175b98cac7eff",
      "title": "Menu dropdown",
      "url": "https://transitions.dev/transitions/menu-dropdown",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "菜单",
        "下拉菜单",
        "关闭"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4be53f3fcb1862c4",
      "title": "Confetti burst",
      "url": "https://transitions.dev/transitions/confetti-burst",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "按钮",
        "彩纸",
        "庆祝"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5272935ecaf03dac",
      "title": "Modal open/close",
      "url": "https://transitions.dev/transitions/modal-open-close",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框",
        "关闭"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "eeacf0567336f377",
      "title": "Panel reveal",
      "url": "https://transitions.dev/transitions/panel-reveal",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场",
        "关闭"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1e383142330aa74a",
      "title": "Gooey plus menu",
      "url": "https://transitions.dev/transitions/gooey-plus-menu",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "菜单",
        "液态",
        "融合",
        "形变",
        "添加",
        "加号"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "49f34b32959901a7",
      "title": "Page side-by-side",
      "url": "https://transitions.dev/transitions/page-side-by-side",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "52ab672454c5fd8b",
      "title": "Icon swap",
      "url": "https://transitions.dev/transitions/icon-swap",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "模糊",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "19636d8f09013910",
      "title": "Success check",
      "url": "https://transitions.dev/transitions/success-check",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "模糊",
        "勾选",
        "成功"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "be51fbdf301bb144",
      "title": "Avatar group hover",
      "url": "https://transitions.dev/transitions/avatar-group-hover",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "头像",
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7b61f02b134c8cba",
      "title": "Card stack hover",
      "url": "https://transitions.dev/transitions/card-stack-hover",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "卡片",
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a0a6e320cb1e3cae",
      "title": "Error state shake",
      "url": "https://transitions.dev/transitions/error-state-shake",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "44aa8ee487d04b70",
      "title": "Input clear with dissolve",
      "url": "https://transitions.dev/transitions/input-clear-with-dissolve",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4143c52af7164ec9",
      "title": "Skeleton loader and reveal",
      "url": "https://transitions.dev/transitions/skeleton-loader-and-reveal",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "骨架屏",
        "加载",
        "加载动画",
        "揭示",
        "出现",
        "入场",
        "淡入",
        "淡出"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ae2ab71df567d9a8",
      "title": "Texts reveal",
      "url": "https://transitions.dev/transitions/texts-reveal",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场",
        "交错",
        "逐个出现"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9a9c0072aaab40cc",
      "title": "Tabs sliding",
      "url": "https://transitions.dev/transitions/tabs-sliding",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "35e5d7f35d51a72b",
      "title": "Drag & drop with physics",
      "url": "https://transitions.dev/transitions/drag-drop-with-physics",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "拖拽",
        "拖动",
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "68dab07ab3f6ac0b",
      "title": "Shimmer text",
      "url": "https://transitions.dev/transitions/shimmer-text",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "流光",
        "闪烁",
        "渐变",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c479ac6db776827c",
      "title": "Organic shimmer",
      "url": "https://transitions.dev/transitions/organic-shimmer",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "发光",
        "光晕",
        "流光",
        "闪烁"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "cd7fdb8088b8bc82",
      "title": "Tooltip open/close",
      "url": "https://transitions.dev/transitions/tooltip-open-close",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "提示",
        "气泡",
        "工具提示",
        "关闭"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "246c1f1bc1c50039",
      "title": "3D tilt",
      "url": "https://transitions.dev/transitions/3d-tilt",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "反光",
        "高光",
        "光标",
        "鼠标",
        "指针",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d95e0e039082fd79",
      "title": "Dropdown menu morph",
      "url": "https://transitions.dev/transitions/dropdown-menu-morph",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "按钮",
        "菜单",
        "下拉菜单"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1b8dcc3d33f30b5b",
      "title": "Accordion",
      "url": "https://transitions.dev/transitions/accordion",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "620ab481fd017920",
      "title": "Toast open/close",
      "url": "https://transitions.dev/transitions/toast-open-close",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示",
        "淡入",
        "淡出",
        "模糊",
        "关闭"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c140e3afce5c18c6",
      "title": "Like button",
      "url": "https://transitions.dev/transitions/like-button",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "按钮",
        "粒子",
        "爱心"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "8678ef85af4dc6e7",
      "title": "Image open tilt",
      "url": "https://transitions.dev/transitions/image-open-tilt",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "三维",
        "3D",
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "88b79c5ce0ca1d83",
      "title": "Learn more hover",
      "url": "https://transitions.dev/transitions/learn-more-hover",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "810b4d7d61d2af31",
      "title": "Checkbox check",
      "url": "https://transitions.dev/transitions/checkbox-check",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "复选框",
        "多选框",
        "勾选",
        "成功"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ce90f02d06eac875",
      "title": "Spinner to check morph",
      "url": "https://transitions.dev/transitions/spinner-to-check-morph",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "转圈",
        "勾选",
        "成功"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1547be9383ba16a6",
      "title": "Spinning counter",
      "url": "https://transitions.dev/transitions/spinning-counter",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ee79349a24f398d2",
      "title": "Toggle",
      "url": "https://transitions.dev/transitions/toggle",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "切换",
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "27b21507b1fdb61f",
      "title": "Pro gradient text",
      "url": "https://transitions.dev/transitions/pro-gradient-text",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "渐变",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a7ac85b9fb55a27c",
      "title": "Delete with smoky dissolve",
      "url": "https://transitions.dev/transitions/delete-with-smoky-dissolve",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f672882832333311",
      "title": "Thinking states",
      "url": "https://transitions.dev/transitions/thinking-states",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "折线",
        "线条",
        "思考状态"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "934bec29930b3837",
      "title": "Reasoning stream",
      "url": "https://transitions.dev/transitions/reasoning-stream",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "智能体"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "09aaf747501dec59",
      "title": "Streaming text",
      "url": "https://transitions.dev/transitions/streaming-text",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "模糊",
        "文字",
        "文本",
        "流式输出"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "784831818fc2810a",
      "title": "Matrix dot loader",
      "url": "https://transitions.dev/transitions/matrix-dot-loader",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "bfc11527bbad9768",
      "title": "Banner stacking",
      "url": "https://transitions.dev/transitions/banner-stacking",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b0ad05a5ec8b12eb",
      "title": "Image generation placeholder",
      "url": "https://transitions.dev/transitions/image-generation-placeholder",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    },
    {
      "id": "367e2fe012b9ac77",
      "title": "Get Pro button",
      "url": "https://transitions.dev/transitions/get-pro-button",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "按钮",
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://transitions.dev/library.html",
        "date": "2026-10-14"
      }
    }
  ]
}