{
  "schemaVersion": 1,
  "updatedAt": "2026-10-21",
  "source": {
    "id": "origin",
    "name": "Originkit",
    "description": "可复制的网页动效组件，支持代码、Framer 与 MCP 使用。",
    "category": "UI 组件库",
    "tags": [
      "React",
      "动效组件",
      "使用协议"
    ],
    "url": "https://www.originkit.dev/",
    "directoryUrl": "https://www.uipicks.top/ai/sites/origin/index.html",
    "jsonUrl": "https://www.uipicks.top/ai/sites/origin/index.json",
    "code": true,
    "prompt": false,
    "entryCount": 763,
    "scope": {
      "status": "已补充公开案例与类型",
      "note": "已补充可公开读取的具体案例与分类；原站登录、订阅和复制条件单独保留。",
      "capturedAt": "2026-10-21"
    },
    "offers": [
      {
        "id": "components",
        "label": "网页动效组件",
        "platforms": [
          "web"
        ],
        "resources": [
          "code"
        ],
        "frameworks": [
          "react"
        ],
        "pricing": [
          "free"
        ],
        "evidence": [
          {
            "kind": "live",
            "url": "https://www.originkit.dev/",
            "date": "2026-10-18",
            "note": "官方页面标题注明免费动效组件；现有收录明确 React 与网页用途。"
          }
        ]
      }
    ],
    "featuredSamples": [],
    "discovery": {
      "id": "origin",
      "checkedAt": "2026-10-20",
      "reviewStatus": "limited",
      "materials": [],
      "scenes": [],
      "platforms": [],
      "frameworks": [],
      "outputs": [],
      "summary": "主站和文档本次为 JS 空壳或 HTTP 403；搜索中的官方文档说明浏览可公开，但取代码需要登录，脚本/MCP 需要密钥。",
      "routes": [
        {
          "kind": "html",
          "url": "https://www.originkit.dev/",
          "verified": false,
          "anonymous": true,
          "free": true,
          "purpose": "候选：公开组件预览目录。",
          "notes": "web.open 空正文，普通匿名 HTTP 403；本次没有恢复可提取的目录，因此未标为已验证。",
          "scopes": []
        },
        {
          "kind": "html",
          "url": "https://www.originkit.dev/docs/components",
          "verified": false,
          "anonymous": true,
          "free": true,
          "purpose": "候选：组件使用和访问限制说明。",
          "notes": "搜索返回的官方文档正文写明复制/安装需登录、脚本/MCP 需 API key；直接打开为空壳。它不是已验证的素材发现路径。",
          "scopes": []
        }
      ],
      "access": {
        "anonymousScope": "官方搜索快照描述匿名浏览和调整预览，但当前直接读取未验证。",
        "loginRequiredFor": [
          "复制组件源码或 Framer 源码",
          "安装组件或获取模板",
          "MCP/脚本需 API key"
        ],
        "paidAreas": [
          "Pro/Ultimate 和部分 premium 组件/模板（官方文档搜索快照）"
        ],
        "limitations": [
          "官方搜索快照不是本次直接抓取成功的证据。",
          "未验证任何符合无登录/无密钥条件的代码获取路径。"
        ]
      },
      "evidence": [
        {
          "url": "https://www.originkit.dev/",
          "title": "Originkit — Free Animated component library for modern websites",
          "observation": "主站打开仅有标题，普通匿名 HTTP 403；没有可核实的组件条目正文。"
        },
        {
          "url": "https://www.originkit.dev/docs/components",
          "title": "Components · Originkit",
          "observation": "已打开该官方文档；直接读取为空，搜索快照的 Before you start 明确 account to take anything，copy/install sign-in，以及 API key for MCP/scripts。"
        },
        {
          "url": "https://www.originkit.dev/docs/licensing",
          "title": "Licensing & Usage · Originkit",
          "observation": "已打开，直接正文为空；官方搜索快照还限制镜像目录、再分发组件及制作竞争素材库。"
        }
      ],
      "notes": "仅记录公开文字、目录和来源链接；未下载或保存图片，未安装工具、登录账号或调用付费服务。",
      "name": "Originkit",
      "url": "https://www.originkit.dev/",
      "category": "UI 组件库",
      "eligible": false
    }
  },
  "pagination": {
    "page": 10,
    "pageSize": 80,
    "totalEntries": 763,
    "totalPages": 10,
    "offset": 720,
    "previous": "page-9.json",
    "next": null
  },
  "entries": [
    {
      "id": "239c1bf7016ca127",
      "title": "Crimson Reviewboard",
      "url": "https://www.originkit.dev/components/crimson-reviewboard",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/crimson-reviewboard",
        "date": "2026-10-21"
      }
    },
    {
      "id": "093b78eb39bf402a",
      "title": "Abacus Drift",
      "url": "https://www.originkit.dev/components/abacus-drift",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/abacus-drift",
        "date": "2026-10-21"
      }
    },
    {
      "id": "defdc3ee2b235e4b",
      "title": "Azureglass Mosaic",
      "url": "https://www.originkit.dev/components/azureglass-mosaic",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/azureglass-mosaic",
        "date": "2026-10-21"
      }
    },
    {
      "id": "8a3f5c54deadeea7",
      "title": "Mauve Lattice",
      "url": "https://www.originkit.dev/components/mauve-lattice",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/mauve-lattice",
        "date": "2026-10-21"
      }
    },
    {
      "id": "c0f72d825cc6200a",
      "title": "Cluster About Glossy",
      "url": "https://www.originkit.dev/components/cluster-about-glossy",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/cluster-about-glossy",
        "date": "2026-10-21"
      }
    },
    {
      "id": "4ba281ff9e8bfed9",
      "title": "Moonpetal Meadow",
      "url": "https://www.originkit.dev/components/moonpetal-meadow",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/moonpetal-meadow",
        "date": "2026-10-21"
      }
    },
    {
      "id": "15e1d8d28cbddb69",
      "title": "Gilded Pixelwave",
      "url": "https://www.originkit.dev/components/gilded-pixelwave",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/gilded-pixelwave",
        "date": "2026-10-21"
      }
    },
    {
      "id": "fb0cb957cdb6939c",
      "title": "Silkcurrent",
      "url": "https://www.originkit.dev/components/silkcurrent",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/silkcurrent",
        "date": "2026-10-21"
      }
    },
    {
      "id": "22fc1fa6d4631838",
      "title": "Glossy Liquid Looking",
      "url": "https://www.originkit.dev/components/glossy-liquid-looking",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/glossy-liquid-looking",
        "date": "2026-10-21"
      }
    },
    {
      "id": "8aea49c9137a1913",
      "title": "Gravitygloss",
      "url": "https://www.originkit.dev/components/gravitygloss",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/gravitygloss",
        "date": "2026-10-21"
      }
    },
    {
      "id": "768480fcd20ec3b1",
      "title": "Paperline Archive",
      "url": "https://www.originkit.dev/components/paperline-archive",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/paperline-archive",
        "date": "2026-10-21"
      }
    },
    {
      "id": "b7b0e8d9ac3896d9",
      "title": "Chalkflow Geometry",
      "url": "https://www.originkit.dev/components/chalkflow-geometry",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/chalkflow-geometry",
        "date": "2026-10-21"
      }
    },
    {
      "id": "4c13dbdc497f6d77",
      "title": "Endless Tunnel Square",
      "url": "https://www.originkit.dev/components/endless-tunnel-square",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/endless-tunnel-square",
        "date": "2026-10-21"
      }
    },
    {
      "id": "624be55b98924b49",
      "title": "Glyph Tunnel Zoom",
      "url": "https://www.originkit.dev/components/glyph-tunnel-zoom",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/glyph-tunnel-zoom",
        "date": "2026-10-21"
      }
    },
    {
      "id": "63c0d31b7aecfb5e",
      "title": "Stammer Type Bands",
      "url": "https://www.originkit.dev/components/stammer-type-bands",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/stammer-type-bands",
        "date": "2026-10-21"
      }
    },
    {
      "id": "35a17def3fb55e7e",
      "title": "Neon Embergrid",
      "url": "https://www.originkit.dev/components/neon-embergrid",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/neon-embergrid",
        "date": "2026-10-21"
      }
    },
    {
      "id": "71f3c1868fe101dd",
      "title": "Kinetic Typeflow",
      "url": "https://www.originkit.dev/components/kinetic-typeflow",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/kinetic-typeflow",
        "date": "2026-10-21"
      }
    },
    {
      "id": "ad58e603490616fa",
      "title": "Prism Glass Dodecahedron",
      "url": "https://www.originkit.dev/components/prism-glass-dodecahedron",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/prism-glass-dodecahedron",
        "date": "2026-10-21"
      }
    },
    {
      "id": "fd23ff4cab46412a",
      "title": "Frond Burst",
      "url": "https://www.originkit.dev/components/frond-burst",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/frond-burst",
        "date": "2026-10-21"
      }
    },
    {
      "id": "2e2310552418d447",
      "title": "Velvetwave Cascade",
      "url": "https://www.originkit.dev/components/velvetwave-cascade",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/velvetwave-cascade",
        "date": "2026-10-21"
      }
    },
    {
      "id": "4e8b177a7e2cdb91",
      "title": "Typo Torus",
      "url": "https://www.originkit.dev/components/typo-torus",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/typo-torus",
        "date": "2026-10-21"
      }
    },
    {
      "id": "3979eed9783793ea",
      "title": "Velvetwave Drapery",
      "url": "https://www.originkit.dev/components/velvetwave-drapery",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/velvetwave-drapery",
        "date": "2026-10-21"
      }
    },
    {
      "id": "b99c5ac4accd35f8",
      "title": "Starlit Glyphfield",
      "url": "https://www.originkit.dev/components/starlit-glyphfield",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/starlit-glyphfield",
        "date": "2026-10-21"
      }
    },
    {
      "id": "04c900800a7b7d9a",
      "title": "Diagonal Letterwave",
      "url": "https://www.originkit.dev/components/diagonal-letterwave",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/diagonal-letterwave",
        "date": "2026-10-21"
      }
    },
    {
      "id": "ef2c645d7dfd5f9e",
      "title": "Onyx Riddle",
      "url": "https://www.originkit.dev/components/onyx-riddle",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/onyx-riddle",
        "date": "2026-10-21"
      }
    },
    {
      "id": "b19919eade327cdf",
      "title": "Chromatic Filament Bow",
      "url": "https://www.originkit.dev/components/chromatic-filament-bow",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/chromatic-filament-bow",
        "date": "2026-10-21"
      }
    },
    {
      "id": "9825ecf2c88053bd",
      "title": "Emberglow Horizon",
      "url": "https://www.originkit.dev/components/emberglow-horizon",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/emberglow-horizon",
        "date": "2026-10-21"
      }
    },
    {
      "id": "c068dd7f64507b91",
      "title": "Chromablock Morph",
      "url": "https://www.originkit.dev/components/chromablock-morph",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/chromablock-morph",
        "date": "2026-10-21"
      }
    },
    {
      "id": "8ed9b00fa4692086",
      "title": "Velvet Prismboard",
      "url": "https://www.originkit.dev/components/velvet-prismboard",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/velvet-prismboard",
        "date": "2026-10-21"
      }
    },
    {
      "id": "3554c32e504bf6ad",
      "title": "Typographic Tides",
      "url": "https://www.originkit.dev/components/typographic-tides",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/typographic-tides",
        "date": "2026-10-21"
      }
    },
    {
      "id": "0fd4242953a3b10c",
      "title": "Glyphforge",
      "url": "https://www.originkit.dev/components/glyphforge",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/glyphforge",
        "date": "2026-10-21"
      }
    },
    {
      "id": "a3478ee582bb388e",
      "title": "Lumaweave",
      "url": "https://www.originkit.dev/components/lumaweave",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/lumaweave",
        "date": "2026-10-21"
      }
    },
    {
      "id": "9ba605efc61fe5bb",
      "title": "Aetherglint",
      "url": "https://www.originkit.dev/components/aetherglint",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/aetherglint",
        "date": "2026-10-21"
      }
    },
    {
      "id": "bfd3ea65dd75244d",
      "title": "Glassora",
      "url": "https://www.originkit.dev/components/glassora",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/glassora",
        "date": "2026-10-21"
      }
    },
    {
      "id": "388344f6750695fe",
      "title": "Pixelcascade",
      "url": "https://www.originkit.dev/components/pixelcascade",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/pixelcascade",
        "date": "2026-10-21"
      }
    },
    {
      "id": "93d9424fe3e641e1",
      "title": "Neon Singularity",
      "url": "https://www.originkit.dev/components/neon-singularity",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/neon-singularity",
        "date": "2026-10-21"
      }
    },
    {
      "id": "68239c8aa8a9b458",
      "title": "Stipple Flow",
      "url": "https://www.originkit.dev/components/stipple-flow",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/stipple-flow",
        "date": "2026-10-21"
      }
    },
    {
      "id": "ff9233c611403363",
      "title": "Satin Mirage",
      "url": "https://www.originkit.dev/components/satin-mirage",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/satin-mirage",
        "date": "2026-10-21"
      }
    },
    {
      "id": "fe679f66ef0c7bb6",
      "title": "Iridescent Reverie",
      "url": "https://www.originkit.dev/components/iridescent-reverie",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片与媒体"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/iridescent-reverie",
        "date": "2026-10-21"
      }
    },
    {
      "id": "cdea166a9e70231c",
      "title": "Astralume",
      "url": "https://www.originkit.dev/components/astralume",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/astralume",
        "date": "2026-10-21"
      }
    },
    {
      "id": "0a7bc4f82dbae071",
      "title": "Chromaflux",
      "url": "https://www.originkit.dev/components/chromaflux",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/chromaflux",
        "date": "2026-10-21"
      }
    },
    {
      "id": "2e3b9a36113a2cd8",
      "title": "Sumi Vortexforge",
      "url": "https://www.originkit.dev/components/sumi-vortexforge",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/sumi-vortexforge",
        "date": "2026-10-21"
      }
    },
    {
      "id": "0a0f637bc10c0936",
      "title": "Satin Crescent Bloom",
      "url": "https://www.originkit.dev/components/satin-crescent-bloom",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://www.originkit.dev/components/satin-crescent-bloom",
        "date": "2026-10-21"
      }
    }
  ]
}