{
  "schemaVersion": 1,
  "updatedAt": "2026-10-18",
  "source": {
    "id": "shadcnstudio",
    "name": "Shadcn Studio",
    "description": "基于 shadcn/ui 的组件、页面区块和模板，可复制代码或通过 CLI 使用。",
    "category": "UI 组件库",
    "tags": [
      "React",
      "组件与区块",
      "含付费内容"
    ],
    "url": "https://shadcnstudio.com/",
    "directoryUrl": "https://www.uipicks.top/ai/sites/shadcnstudio/index.html",
    "jsonUrl": "https://www.uipicks.top/ai/sites/shadcnstudio/index.json",
    "code": true,
    "prompt": false,
    "entryCount": 1017,
    "scope": {
      "status": "已核对公开组件与区块数据",
      "note": "检查全部 135 个已发布组件/区块栏目；从发布的 registry 对象提取命名区块及正式预览路径，付费源码不采集。",
      "capturedAt": "2026-10-14"
    },
    "offers": [
      {
        "id": "free",
        "label": "免费组件与页面区块",
        "platforms": [
          "web"
        ],
        "resources": [
          "code",
          "template"
        ],
        "frameworks": [
          "react"
        ],
        "pricing": [
          "free"
        ],
        "evidence": [
          {
            "kind": "live",
            "url": "https://shadcnstudio.com/",
            "date": "2026-10-18",
            "note": "官网明确列出 free tier、免费组件与区块。"
          }
        ]
      },
      {
        "id": "pro-code",
        "label": "Pro 组件、区块与模板",
        "platforms": [
          "web"
        ],
        "resources": [
          "code",
          "template"
        ],
        "frameworks": [
          "react"
        ],
        "pricing": [
          "paid"
        ],
        "evidence": [
          {
            "kind": "live",
            "url": "https://shadcnstudio.com/",
            "date": "2026-10-18",
            "note": "官网将 Pro 资源列在订阅中；免费和 Pro 资源分别记录。"
          }
        ]
      },
      {
        "id": "figma",
        "label": "订阅 Figma 设计套件",
        "platforms": [
          "web"
        ],
        "resources": [
          "figma"
        ],
        "frameworks": [
          "na"
        ],
        "pricing": [
          "paid"
        ],
        "evidence": [
          {
            "kind": "live",
            "url": "https://shadcnstudio.com/",
            "date": "2026-10-18",
            "note": "官网将 Figma kit 列入订阅资源；不推断免费 tier 含完整 Figma 套件。"
          }
        ]
      }
    ],
    "featuredSamples": []
  },
  "pagination": {
    "page": 1,
    "pageSize": 80,
    "totalEntries": 1017,
    "totalPages": 13,
    "offset": 0,
    "previous": null,
    "next": "page-2.json"
  },
  "entries": [
    {
      "id": "79ddc267db2502ab",
      "title": "Shadcn Studio · 组件与区块库",
      "url": "https://shadcnstudio.com/",
      "kind": "集合",
      "direct": false,
      "aliases": [
        "Shadcn Studio",
        "组件与区块库",
        "React"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ee1dc82b10f86a81",
      "title": "Accordion",
      "url": "https://shadcnstudio.com/docs/components/accordion",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bc2c3a390c9addf3",
      "title": "Alert",
      "url": "https://shadcnstudio.com/docs/components/alert",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b0d4f42acf13ed56",
      "title": "Avatar",
      "url": "https://shadcnstudio.com/docs/components/avatar",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "03054359c812bfe0",
      "title": "Autocomplete",
      "url": "https://shadcnstudio.com/docs/components/autocomplete",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4f6eec394d193f47",
      "title": "Button",
      "url": "https://shadcnstudio.com/docs/components/button",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "796d63784917e6cc",
      "title": "Badge",
      "url": "https://shadcnstudio.com/docs/components/badge",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bc2f667cebc53ba6",
      "title": "Calendar",
      "url": "https://shadcnstudio.com/docs/components/calendar",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c48d7334c79021f2",
      "title": "Card",
      "url": "https://shadcnstudio.com/docs/components/card",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0b6c1d71792fe664",
      "title": "Carousel",
      "url": "https://shadcnstudio.com/docs/components/carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dbd7bdd8b93fecd1",
      "title": "Checkbox",
      "url": "https://shadcnstudio.com/docs/components/checkbox",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cc8898a42e13e35a",
      "title": "Combobox",
      "url": "https://shadcnstudio.com/docs/components/combobox",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1db3031652f0dc33",
      "title": "Command",
      "url": "https://shadcnstudio.com/docs/components/command",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "65ef479ccdd26079",
      "title": "Collapsible",
      "url": "https://shadcnstudio.com/docs/components/collapsible",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9ff824f3cf620c99",
      "title": "Dialog",
      "url": "https://shadcnstudio.com/docs/components/dialog",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "53459599f418f23d",
      "title": "Dropdown Menu",
      "url": "https://shadcnstudio.com/docs/components/dropdown-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "28f293fb2fac26c3",
      "title": "Data Table",
      "url": "https://shadcnstudio.com/docs/components/data-table",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cadece31a7815c33",
      "title": "Drawer",
      "url": "https://shadcnstudio.com/docs/components/drawer",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cafddd4c8248ea91",
      "title": "Form",
      "url": "https://shadcnstudio.com/docs/components/form",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "15492f3dcc21c8fc",
      "title": "Input",
      "url": "https://shadcnstudio.com/docs/components/input",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cf4bc43e936d139c",
      "title": "Label",
      "url": "https://shadcnstudio.com/docs/components/label",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e173d63bae2c2e2c",
      "title": "List",
      "url": "https://shadcnstudio.com/docs/components/list",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "de91b05d69a91599",
      "title": "Navigation Menu",
      "url": "https://shadcnstudio.com/docs/components/navigation-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b906f3ad89f6d522",
      "title": "Popover",
      "url": "https://shadcnstudio.com/docs/components/popover",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e89da23ef678bd43",
      "title": "Pagination",
      "url": "https://shadcnstudio.com/docs/components/pagination",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b34a2c5d5aec6459",
      "title": "Progress Bar",
      "url": "https://shadcnstudio.com/docs/components/progress",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6f1e5deabfde0380",
      "title": "Radio Group",
      "url": "https://shadcnstudio.com/docs/components/radio-group",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "db3277fe8a1198c2",
      "title": "Select",
      "url": "https://shadcnstudio.com/docs/components/select",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ceb369df279a93a5",
      "title": "Sheet",
      "url": "https://shadcnstudio.com/docs/components/sheet",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c8bf231123fa2cb4",
      "title": "Skeleton",
      "url": "https://shadcnstudio.com/docs/components/skeleton",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "842b2ff83c0b9c24",
      "title": "Switch",
      "url": "https://shadcnstudio.com/docs/components/switch",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "792f908601c4960c",
      "title": "Sonner",
      "url": "https://shadcnstudio.com/docs/components/sonner",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d74fff18c49b4b29",
      "title": "Separator",
      "url": "https://shadcnstudio.com/docs/components/separator",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开导航与用途说明",
        "url": "https://shadcnstudio.com/",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ba35f6236dd36a94",
      "title": "Hero 1",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-01",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "徽章",
        "状态标签",
        "首屏",
        "主视觉",
        "图片"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "51e37661c8cb69d0",
      "title": "Hero 2",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-02",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "表单",
        "首屏",
        "主视觉",
        "背景",
        "动画",
        "动效",
        "图片"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      },
      "visual": {
        "layouts": [
          {
            "id": "left",
            "label": "左对齐首屏",
            "evidence": "本条官方 Hero 2 预览为左对齐标题，含地点、日期、人数输入和 Search Now"
          },
          {
            "id": "input",
            "label": "操作或表单入口",
            "evidence": "本条官方 Hero 2 预览为左对齐标题，含地点、日期、人数输入和 Search Now"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "页面外层浅白底，大幅蓝绿色山景摄影构成鲜明彩色主视觉"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "页面外层浅白底，大幅蓝绿色山景摄影构成鲜明彩色主视觉"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-18",
        "evidenceUrl": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-02",
        "boundary": "标签仅描述本条官方默认预览；代码、付费权限与可配置颜色以原站为准。未验证所有交互。"
      }
    },
    {
      "id": "f88f7d503278c5a7",
      "title": "Hero 3",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-03",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表",
        "头像",
        "网格",
        "首屏",
        "主视觉",
        "滚动",
        "动画",
        "动效"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f509e826812b8b7d",
      "title": "Hero 4",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-04",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "卡片",
        "首屏",
        "主视觉",
        "动画",
        "动效"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "768ee7c6dc47bf01",
      "title": "Hero 5",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-05",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "按钮",
        "头像",
        "网格",
        "首屏",
        "主视觉",
        "背景"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "fe984a360911a518",
      "title": "Hero 6",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-06",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "按钮",
        "首屏",
        "主视觉",
        "淡入",
        "淡出",
        "模糊"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b4524958257370e9",
      "title": "Hero 7",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-07",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "列表",
        "首屏",
        "主视觉",
        "图标"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5f4436842150b7e9",
      "title": "Hero 8",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-08",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "网格",
        "首屏",
        "主视觉",
        "交错",
        "逐个出现",
        "动画",
        "动效"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b1d1b2676dd2dfc2",
      "title": "Hero 9",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-09",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "按钮",
        "首屏",
        "主视觉",
        "文字",
        "文本",
        "翻转",
        "三维",
        "3D"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e743d486077e101b",
      "title": "Hero 10",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-10",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "头像",
        "首屏",
        "主视觉",
        "仪表盘",
        "后台",
        "星星",
        "收藏"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "fd299cdaeb4fb17a",
      "title": "Hero 11",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-11",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "悬停",
        "鼠标悬停",
        "三维",
        "3D"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "76f0893983a26d88",
      "title": "Hero 12",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-12",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "文字",
        "文本",
        "翻转",
        "动画",
        "动效"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4353eff5a7d0f139",
      "title": "Hero 13",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-13",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "卡片",
        "网格",
        "首屏",
        "主视觉",
        "悬停",
        "鼠标悬停",
        "渐变"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9bf63d35aa361047",
      "title": "Hero 14",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-14",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表",
        "输入框",
        "首屏",
        "主视觉",
        "背景",
        "动画",
        "动效",
        "AI",
        "人工智能"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      },
      "visual": {
        "layouts": [
          {
            "id": "split",
            "label": "左右分栏",
            "evidence": "本条官方 Hero 14 完整预览为左文案/提示词输入、右侧立体物体的两列结构"
          },
          {
            "id": "input",
            "label": "操作或表单入口",
            "evidence": "本条官方 Hero 14 完整预览为左文案/提示词输入、右侧立体物体的两列结构"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "本条默认主题为纯黑星点底，白灰文字与表单；主视觉只有局部淡彩反射"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-18",
        "evidenceUrl": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-14",
        "boundary": "标签仅描述本条官方默认预览；代码、付费权限与可配置颜色以原站为准。未验证所有交互。"
      }
    },
    {
      "id": "89135ec263b7464b",
      "title": "Hero 15",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-15",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "单选框",
        "菜单",
        "首屏",
        "主视觉",
        "动画",
        "动效",
        "图标"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ba28199e6e69bd29",
      "title": "Hero 16",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-16",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表",
        "卡片",
        "首屏",
        "主视觉",
        "涟漪",
        "波纹",
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "6f3764f5c4e7373a",
      "title": "Hero 17",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-17",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "环形",
        "圆形",
        "首屏",
        "主视觉",
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4926db626bbf2b9f",
      "title": "Hero 18",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-18",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择",
        "网格",
        "表单",
        "首屏",
        "主视觉",
        "搜索",
        "渐变",
        "背景"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b95282c6a88aba6e",
      "title": "Hero 19",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-19",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "滑块",
        "滑杆",
        "首屏",
        "主视觉"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d277a06539713674",
      "title": "Hero 20",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-20",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "发光",
        "光晕",
        "背景",
        "模糊",
        "文字",
        "文本"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3c16736a82bc3f29",
      "title": "Hero 21",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-21",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表",
        "滑块",
        "滑杆",
        "头像",
        "卡片",
        "首屏",
        "主视觉"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "612a5c333ded7532",
      "title": "Hero 22",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-22",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择",
        "头像",
        "表单",
        "首屏",
        "主视觉",
        "图标"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7ec7b863c5fe7170",
      "title": "Hero 23",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-23",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表",
        "头像",
        "卡片",
        "首屏",
        "主视觉",
        "动画",
        "动效"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d333f83eef53fe38",
      "title": "Hero 24",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-24",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表",
        "切换",
        "开关",
        "标签页",
        "选项卡",
        "卡片",
        "首屏",
        "主视觉"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "36a3e55f2fe3e53a",
      "title": "Hero 25",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-25",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "网格",
        "首屏",
        "主视觉",
        "光束",
        "动画",
        "动效",
        "仪表盘",
        "后台",
        "图标"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5a399e6b000cde62",
      "title": "Hero 26",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-26",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "卡片",
        "首屏",
        "主视觉",
        "背景",
        "涟漪",
        "波纹",
        "模糊"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "cb4d499bc3e25e3b",
      "title": "Hero 27",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-27",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表",
        "头像",
        "首屏",
        "主视觉",
        "悬停",
        "鼠标悬停",
        "动画",
        "动效"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "58c6f106f9805586",
      "title": "Hero 28",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-28",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "网格",
        "首屏",
        "主视觉",
        "发光",
        "光晕",
        "图标"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3f642c9bd4fe25ec",
      "title": "Hero 29",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-29",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "输入框",
        "表单",
        "首屏",
        "主视觉",
        "图片"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "da66db0f4c7c4dda",
      "title": "Hero 30",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-30",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表",
        "头像",
        "卡片",
        "网格",
        "首屏",
        "主视觉",
        "用户评价",
        "搜索"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "593681324fafb17f",
      "title": "Hero 31",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-31",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表",
        "图表",
        "卡片",
        "首屏",
        "主视觉",
        "背景"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4394c8dfa771e608",
      "title": "Hero 32",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-32",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "滑块",
        "滑杆",
        "卡片",
        "首屏",
        "主视觉",
        "文字",
        "文本",
        "翻转"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5f8e11edd769d692",
      "title": "Hero 33",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-33",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "发光",
        "光晕",
        "视频"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "00f24e13a65fbaf9",
      "title": "Hero 34",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-34",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "按钮",
        "首屏",
        "主视觉",
        "悬停",
        "鼠标悬停",
        "发光",
        "光晕",
        "光束",
        "揭示",
        "出现",
        "入场",
        "聊天"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "2fd6be23852eb225",
      "title": "Hero 35",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-35",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "卡片",
        "网格",
        "表单",
        "首屏",
        "主视觉"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c910f3680fa13d77",
      "title": "Hero 36",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-36",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表",
        "按钮",
        "徽章",
        "状态标签",
        "卡片",
        "首屏",
        "主视觉",
        "动画",
        "动效",
        "排版"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c2278be4f9c29835",
      "title": "Hero 37",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-37",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表",
        "按钮",
        "卡片",
        "首屏",
        "主视觉",
        "排版",
        "字体"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3e9906d563d5dcbb",
      "title": "Hero 38",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-38",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "文字",
        "文本",
        "三维",
        "3D"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "50d6fe8012038bfb",
      "title": "Hero 39",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-39",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "骨架屏",
        "加载",
        "加载动画",
        "涟漪",
        "波纹",
        "滚动",
        "文字",
        "文本",
        "翻转",
        "动画"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f0081871eea00b69",
      "title": "Hero 40",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-40",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡",
        "头像",
        "首屏",
        "主视觉",
        "光束",
        "背景",
        "动画",
        "动效"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "87d8f1c30519d4a4",
      "title": "Hero 41",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-41",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "按钮",
        "导航",
        "网格",
        "首屏",
        "主视觉",
        "渐变",
        "淡入",
        "淡出",
        "用户",
        "播放"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "6a97cda066bfcd6f",
      "title": "Hero 42",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-42",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "导航",
        "头像",
        "徽章",
        "状态标签",
        "卡片",
        "首屏",
        "主视觉",
        "翻转",
        "动画",
        "动效",
        "AI",
        "人工智能"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d90436f1fc2a7658",
      "title": "Hero 43",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-43",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "导航",
        "头像",
        "首屏",
        "主视觉",
        "用户评价",
        "背景",
        "模糊",
        "视频"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5185aebdf4715e65",
      "title": "Hero 44",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-44",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表",
        "徽章",
        "状态标签",
        "卡片",
        "首屏",
        "主视觉",
        "动画",
        "动效",
        "拖拽",
        "拖动"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c441e5091889675a",
      "title": "Hero 45",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-45",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "组合选择框",
        "下拉选择",
        "菜单",
        "导航栏",
        "卡片",
        "首屏",
        "主视觉",
        "搜索",
        "画廊",
        "图片展示",
        "地图"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ea17348198b670f0",
      "title": "Hero 46",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/hero-section/hero-section-46",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "卡片",
        "首屏",
        "主视觉",
        "动画",
        "动效"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/hero-section",
        "date": "2026-10-14"
      }
    },
    {
      "id": "8a415ef35be0fbc4",
      "title": "Features 1",
      "url": "https://shadcnstudio.com/preview/blocks/base/marketing-ui/features-section/features-section-01",
      "kind": "页面区块预览",
      "direct": true,
      "aliases": [
        "按钮",
        "头像",
        "卡片",
        "网格",
        "功能区",
        "图标"
      ],
      "framework": "React",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://shadcnstudio.com/blocks/marketing-ui/features-section",
        "date": "2026-10-14"
      }
    }
  ]
}