{
  "schemaVersion": 1,
  "updatedAt": "2026-10-21",
  "source": {
    "id": "21st",
    "name": "21st",
    "description": "浏览社区开源 React 组件；组件页分别列出来源、代码与许可。",
    "category": "UI 组件库",
    "tags": [
      "React",
      "按组件协议",
      "提供代码"
    ],
    "url": "https://21st.dev/",
    "directoryUrl": "https://www.uipicks.top/ai/sites/21st/index.html",
    "jsonUrl": "https://www.uipicks.top/ai/sites/21st/index.json",
    "code": true,
    "prompt": false,
    "entryCount": 8782,
    "scope": {
      "status": "已补充公开案例与类型",
      "note": "已补充可公开读取的具体案例与分类；原站登录、订阅和复制条件单独保留。",
      "capturedAt": "2026-10-21"
    },
    "offers": [
      {
        "id": "catalog",
        "label": "已收录的参考资源",
        "platforms": [
          "web"
        ],
        "resources": [
          "code"
        ],
        "frameworks": [
          "react"
        ],
        "pricing": [
          "unknown"
        ],
        "evidence": [
          {
            "kind": "saved",
            "url": "https://docs.21st.dev/%40shadcn/components/hover-card/user-hover-card",
            "date": "2026-10-13",
            "note": "已收录的官网用途说明与标签：浏览社区开源 React 组件；组件页分别列出来源、代码与许可。"
          }
        ]
      }
    ],
    "featuredSamples": [],
    "discovery": {
      "id": "21st",
      "checkedAt": "2026-10-20",
      "reviewStatus": "verified",
      "materials": [
        "components",
        "blocks",
        "motion"
      ],
      "scenes": [
        "cards",
        "hero",
        "pricing",
        "navigation",
        "forms",
        "authentication",
        "background",
        "feedback",
        "search"
      ],
      "platforms": [
        "web"
      ],
      "frameworks": [
        "react"
      ],
      "outputs": [
        "reference",
        "code"
      ],
      "summary": "公开分类目录和一个具体卡片页可读取；代码与许可应逐组件确认。",
      "routes": [
        {
          "kind": "html",
          "url": "https://21st.dev/community/components",
          "verified": true,
          "anonymous": true,
          "free": true,
          "purpose": "发现社区组件类别与公开条目",
          "notes": "部分区域仍有加载占位，不能据此确定完整目录。",
          "scopes": [
            {
              "materials": [
                "components",
                "blocks",
                "motion"
              ],
              "scenes": [
                "cards",
                "hero",
                "pricing",
                "navigation",
                "forms",
                "authentication",
                "background",
                "feedback",
                "search"
              ],
              "platforms": [
                "web"
              ],
              "frameworks": [
                "react"
              ],
              "outputs": [
                "reference"
              ]
            }
          ]
        },
        {
          "kind": "html",
          "url": "https://21st.dev/community/components/s/card",
          "verified": true,
          "anonymous": true,
          "free": true,
          "purpose": "按卡片类别发现具体案例",
          "notes": "返回卡片标题、作者与详情链接。",
          "scopes": [
            {
              "materials": [
                "components"
              ],
              "scenes": [
                "cards"
              ],
              "platforms": [
                "web"
              ],
              "frameworks": [
                "react"
              ],
              "outputs": [
                "reference"
              ]
            }
          ]
        },
        {
          "kind": "html",
          "url": "https://21st.dev/@sean0205/components/card/accent",
          "verified": true,
          "anonymous": true,
          "free": true,
          "purpose": "读取 ReUI Card 示例代码、来源与 MIT 标注",
          "notes": "已取得公开 TSX 用法；不推断所有社区组件同一许可。",
          "scopes": [
            {
              "materials": [
                "components"
              ],
              "scenes": [
                "cards"
              ],
              "platforms": [
                "web"
              ],
              "frameworks": [
                "react"
              ],
              "outputs": [
                "reference",
                "code"
              ]
            }
          ]
        }
      ],
      "access": {
        "anonymousScope": "公开组件与区块分类、卡片清单及所抽查 Card 的 TSX 与来源信息。",
        "loginRequiredFor": [],
        "paidAreas": [],
        "limitations": [
          "根首页第一次读取失败，社区路径正常。",
          "部分动态区域有占位；全量分页和其他组件的代码权限未逐项验证。",
          "每个组件单独核对来源、依赖和许可，不把本站所有内容统称 MIT。"
        ]
      },
      "evidence": [
        {
          "url": "https://21st.dev/",
          "title": "首页获取尝试",
          "observation": "根首页打开失败。"
        },
        {
          "url": "https://21st.dev/community/components",
          "title": "Discover community-made UI components | 21st",
          "observation": "公开返回类别和真实条目名称，部分动态区域仍是占位。"
        },
        {
          "url": "https://21st.dev/community/components/s/card",
          "title": "1780+ Card Components for React & Tailwind | 21st",
          "observation": "卡片分类返回大量具体条目与作者链接。"
        },
        {
          "url": "https://21st.dev/@sean0205/components/card/accent",
          "title": "21st.dev",
          "observation": "Card 详情公开显示 TSX 使用代码、ReUI 来源和 MIT License。"
        }
      ],
      "notes": "本轮为匿名公开页面与文本路径核验；未下载图片，未证明完整浏览器交互或视频播放。",
      "name": "21st",
      "url": "https://21st.dev/",
      "category": "UI 组件库",
      "eligible": true
    }
  },
  "pagination": {
    "page": 110,
    "pageSize": 80,
    "totalEntries": 8782,
    "totalPages": 110,
    "offset": 8720,
    "previous": "page-109.json",
    "next": null
  },
  "entries": [
    {
      "id": "65052a77ee911696",
      "title": "Dialog to Toast",
      "url": "https://21st.dev/@dhxwhy/components/dialog-to-toast",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗与抽屉",
        "提示与状态"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/dialog-to-toast",
        "date": "2026-10-21"
      }
    },
    {
      "id": "c7b9c099f24306d8",
      "title": "Orbit Spotlight Image Gallery",
      "url": "https://21st.dev/@dhxwhy/components/orbit-spotlight-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片与媒体"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/orbit-spotlight-gallery",
        "date": "2026-10-21"
      }
    },
    {
      "id": "ce58b24a7a710d1a",
      "title": "Directional text button",
      "url": "https://21st.dev/@ibrandify/components/directional-text-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@ibrandify/components/directional-text-button",
        "date": "2026-10-21"
      }
    },
    {
      "id": "22395171a88f5a59",
      "title": "Undo Countdown Button",
      "url": "https://21st.dev/@dhxwhy/components/undo-countdown-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/undo-countdown-button",
        "date": "2026-10-21"
      }
    },
    {
      "id": "046aa01d9781561a",
      "title": "Before after comparison",
      "url": "https://21st.dev/@ibrandify/components/before-after-comparison",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@ibrandify/components/before-after-comparison",
        "date": "2026-10-21"
      }
    },
    {
      "id": "2b4348a0cd7554b4",
      "title": "Cited Answer AI Chat Input with Sources",
      "url": "https://21st.dev/@dhxwhy/components/cited-answer-chat-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框与搜索",
        "AI 与聊天"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/cited-answer-chat-input",
        "date": "2026-10-21"
      }
    },
    {
      "id": "3e76e1093f803a8c",
      "title": "Radial Wedge Image Gallery",
      "url": "https://21st.dev/@dhxwhy/components/radial-wedge-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片与媒体"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/radial-wedge-gallery",
        "date": "2026-10-21"
      }
    },
    {
      "id": "17e18e87c4205719",
      "title": "Workspace Picker Login Form",
      "url": "https://21st.dev/@dhxwhy/components/workspace-picker-login",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单与登录"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/workspace-picker-login",
        "date": "2026-10-21"
      }
    },
    {
      "id": "017a454b2d3f6c79",
      "title": "QR Code Scan Login Form with Password Fallback",
      "url": "https://21st.dev/@dhxwhy/components/qr-code-scan-login",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单与登录"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/qr-code-scan-login",
        "date": "2026-10-21"
      }
    },
    {
      "id": "d0dd23680e094b06",
      "title": "Usage Slider Pricing Comparison Table",
      "url": "https://21st.dev/@dhxwhy/components/usage-slider-pricing-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "选择器与开关",
        "表格与列表",
        "布局与页面区块"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/usage-slider-pricing-table",
        "date": "2026-10-21"
      }
    },
    {
      "id": "9aa631e276e0ee24",
      "title": "Branching Reasoning AI Chat Input",
      "url": "https://21st.dev/@dhxwhy/components/branching-reasoning-chat-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框与搜索",
        "AI 与聊天"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/branching-reasoning-chat-input",
        "date": "2026-10-21"
      }
    },
    {
      "id": "798ce6b3f657c9ef",
      "title": "Plan Finder Pricing Comparison Table",
      "url": "https://21st.dev/@dhxwhy/components/plan-finder-pricing-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格与列表",
        "布局与页面区块"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/plan-finder-pricing-table",
        "date": "2026-10-21"
      }
    },
    {
      "id": "0caf9773fbdb0041",
      "title": "Two-Plan Diff Pricing Comparison Table",
      "url": "https://21st.dev/@dhxwhy/components/two-plan-diff-pricing-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格与列表",
        "布局与页面区块"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/two-plan-diff-pricing-table",
        "date": "2026-10-21"
      }
    },
    {
      "id": "6a669afc6798ec18",
      "title": "Variable Proximity",
      "url": "https://21st.dev/@luv-jeri_c92deb60/components/variable-proximity",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@luv-jeri_c92deb60/components/variable-proximity",
        "date": "2026-10-21"
      }
    },
    {
      "id": "59a1de0a5d13a613",
      "title": "Agent State",
      "url": "https://21st.dev/@luv-jeri_c92deb60/components/agent-state",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI 与聊天"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@luv-jeri_c92deb60/components/agent-state",
        "date": "2026-10-21"
      }
    },
    {
      "id": "94fdbd22b7859d1b",
      "title": "Meta Balls",
      "url": "https://21st.dev/@luv-jeri_c92deb60/components/meta-balls",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@luv-jeri_c92deb60/components/meta-balls",
        "date": "2026-10-21"
      }
    },
    {
      "id": "b6d8d8b30892285a",
      "title": "Bento Grid",
      "url": "https://21st.dev/@luv-jeri_c92deb60/components/bento-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "布局与页面区块"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@luv-jeri_c92deb60/components/bento-grid",
        "date": "2026-10-21"
      }
    },
    {
      "id": "478de0dca240fc94",
      "title": "Particle Text",
      "url": "https://21st.dev/@luv-jeri_c92deb60/components/particle-text",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@luv-jeri_c92deb60/components/particle-text",
        "date": "2026-10-21"
      }
    },
    {
      "id": "15b2e36c66fca816",
      "title": "Dock",
      "url": "https://21st.dev/@luv-jeri_c92deb60/components/dock",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "导航与菜单"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@luv-jeri_c92deb60/components/dock",
        "date": "2026-10-21"
      }
    },
    {
      "id": "4e82fbec76a8e88e",
      "title": "Theme Toggle",
      "url": "https://21st.dev/@luv-jeri_c92deb60/components/theme-toggle",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "选择器与开关"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@luv-jeri_c92deb60/components/theme-toggle",
        "date": "2026-10-21"
      }
    },
    {
      "id": "3468d67906ddc264",
      "title": "Hero Button",
      "url": "https://21st.dev/@luv-jeri_c92deb60/components/hero-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "布局与页面区块"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@luv-jeri_c92deb60/components/hero-button",
        "date": "2026-10-21"
      }
    },
    {
      "id": "6f3ac63f83d6a2f6",
      "title": "Violet Aurora Gradient Hero Background",
      "url": "https://21st.dev/@dhxwhy/components/violet-aurora-gradient-hero-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "布局与页面区块"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/violet-aurora-gradient-hero-background",
        "date": "2026-10-21"
      }
    },
    {
      "id": "33a57116baa1735e",
      "title": "Mint ASCII Dot Field Light Background",
      "url": "https://21st.dev/@dhxwhy/components/mint-ascii-dot-field-light-background",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/mint-ascii-dot-field-light-background",
        "date": "2026-10-21"
      }
    },
    {
      "id": "b3673b3e232fac54",
      "title": "Shape",
      "url": "https://21st.dev/@luv-jeri_c92deb60/components/shape",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@luv-jeri_c92deb60/components/shape",
        "date": "2026-10-21"
      }
    },
    {
      "id": "c85ffffc5fb80bf7",
      "title": "Light Mint Cream Gradient Hero Background",
      "url": "https://21st.dev/@dhxwhy/components/light-mint-cream-gradient-hero-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "布局与页面区块"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/light-mint-cream-gradient-hero-background",
        "date": "2026-10-21"
      }
    },
    {
      "id": "7a41081f8e69f732",
      "title": "Violet ASCII Wave Hero Background",
      "url": "https://21st.dev/@dhxwhy/components/violet-ascii-wave-hero-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "布局与页面区块"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/violet-ascii-wave-hero-background",
        "date": "2026-10-21"
      }
    },
    {
      "id": "4b161855a7279659",
      "title": "Teal Mist Waves Shader Background",
      "url": "https://21st.dev/@dhxwhy/components/teal-mist-waves-shader-background",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/teal-mist-waves-shader-background",
        "date": "2026-10-21"
      }
    },
    {
      "id": "3a68952e6136a0f1",
      "title": "Thinking Prompt Input",
      "url": "https://21st.dev/@dhxwhy/components/thinking-prompt-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框与搜索",
        "AI 与聊天"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/thinking-prompt-input",
        "date": "2026-10-21"
      }
    },
    {
      "id": "c31497e5efadce43",
      "title": "Light Amber Aurora Shader Background",
      "url": "https://21st.dev/@dhxwhy/components/light-amber-aurora-shader-background",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/light-amber-aurora-shader-background",
        "date": "2026-10-21"
      }
    },
    {
      "id": "5c873cbe4d0e509c",
      "title": "Calm Violet Silk Shader Hero Background",
      "url": "https://21st.dev/@dhxwhy/components/calm-violet-silk-shader-hero-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "布局与页面区块"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/calm-violet-silk-shader-hero-background",
        "date": "2026-10-21"
      }
    },
    {
      "id": "987b75027e0c57f0",
      "title": "Spotlight Pricing Comparison Table",
      "url": "https://21st.dev/@dhxwhy/components/spotlight-comparison-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格与列表",
        "布局与页面区块"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/spotlight-comparison-table",
        "date": "2026-10-21"
      }
    },
    {
      "id": "887fd85004c8c629",
      "title": "Anchored action menu",
      "url": "https://21st.dev/@ibrandify/components/anchored-action-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "导航与菜单"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@ibrandify/components/anchored-action-menu",
        "date": "2026-10-21"
      }
    },
    {
      "id": "e1998f2c54c4e25d",
      "title": "AI Mascot Input",
      "url": "https://21st.dev/@alexperezcedeno/components/ai-mascot-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框与搜索"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@alexperezcedeno/components/ai-mascot-input",
        "date": "2026-10-21"
      }
    },
    {
      "id": "2986ebfd50ed252b",
      "title": "Thinking Indicator",
      "url": "https://21st.dev/@re-cinq/components/thinking-indicator",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI 与聊天"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@re-cinq/components/thinking-indicator",
        "date": "2026-10-21"
      }
    },
    {
      "id": "b62662feb8e1462b",
      "title": "Identifier First Login",
      "url": "https://21st.dev/@dhxwhy/components/identifier-first-login",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单与登录"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/identifier-first-login",
        "date": "2026-10-21"
      }
    },
    {
      "id": "c20fab1d40d3f7f1",
      "title": "Thinking Dots",
      "url": "https://21st.dev/@re-cinq/components/thinking-dots",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI 与聊天"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@re-cinq/components/thinking-dots",
        "date": "2026-10-21"
      }
    },
    {
      "id": "c28df2d577eee82b",
      "title": "Facet Bloom Loader",
      "url": "https://21st.dev/@johnmamanao/components/facet-bloom-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "提示与状态"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@johnmamanao/components/facet-bloom-loader",
        "date": "2026-10-21"
      }
    },
    {
      "id": "7f5e063442f4cc2e",
      "title": "Block UI",
      "url": "https://21st.dev/@bysages/components/block-ui",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@bysages/components/block-ui",
        "date": "2026-10-21"
      }
    },
    {
      "id": "c3f8bb736499621f",
      "title": "Research Report",
      "url": "https://21st.dev/@syeddhasnainn/components/research-report",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@syeddhasnainn/components/research-report",
        "date": "2026-10-21"
      }
    },
    {
      "id": "32304d4253684cb4",
      "title": "Todo List",
      "url": "https://21st.dev/@syeddhasnainn/components/todo-list",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格与列表"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@syeddhasnainn/components/todo-list",
        "date": "2026-10-21"
      }
    },
    {
      "id": "64679d5a1a5b7ed2",
      "title": "Count Badge",
      "url": "https://21st.dev/@sebafermanelli/components/count-badge",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "提示与状态"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@sebafermanelli/components/count-badge",
        "date": "2026-10-21"
      }
    },
    {
      "id": "bc069927d816632a",
      "title": "Email Progress Bar",
      "url": "https://21st.dev/@shadcn-labs/components/jsx-email-progress",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "提示与状态"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@shadcn-labs/components/jsx-email-progress",
        "date": "2026-10-21"
      }
    },
    {
      "id": "4321e76a2a94c0f7",
      "title": "Video Player",
      "url": "https://21st.dev/@syeddhasnainn/components/video-player",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片与媒体"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@syeddhasnainn/components/video-player",
        "date": "2026-10-21"
      }
    },
    {
      "id": "ed1d4a53fd7e00b0",
      "title": "Airplane Window Gallery",
      "url": "https://21st.dev/@dhxwhy/components/airplane-window-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片与媒体"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/airplane-window-gallery",
        "date": "2026-10-21"
      }
    },
    {
      "id": "e28fa6c26a95dd9e",
      "title": "File Tree",
      "url": "https://21st.dev/@syeddhasnainn/components/file-tree",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格与列表",
        "上传与文件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@syeddhasnainn/components/file-tree",
        "date": "2026-10-21"
      }
    },
    {
      "id": "30668ca220ddcd6d",
      "title": "Follow Up",
      "url": "https://21st.dev/@syeddhasnainn/components/follow-up",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@syeddhasnainn/components/follow-up",
        "date": "2026-10-21"
      }
    },
    {
      "id": "9f3ac8ae2bd80abc",
      "title": "Feedback Dialog",
      "url": "https://21st.dev/@syeddhasnainn/components/feedback-dialog",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗与抽屉"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@syeddhasnainn/components/feedback-dialog",
        "date": "2026-10-21"
      }
    },
    {
      "id": "3bcece8cd63884de",
      "title": "new",
      "url": "https://21st.dev/@samardeepgamer/components/new",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@samardeepgamer/components/new",
        "date": "2026-10-21"
      }
    },
    {
      "id": "616ac66a0eb376d5",
      "title": "Icons",
      "url": "https://21st.dev/@shadcn/components/icons",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@shadcn/components/icons",
        "date": "2026-10-21"
      }
    },
    {
      "id": "e237fd05af2c4ead",
      "title": "New Password Form",
      "url": "https://21st.dev/@diarmuradi/components/new-password-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单与登录"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@diarmuradi/components/new-password-1",
        "date": "2026-10-21"
      }
    },
    {
      "id": "d12e395fdadbdf29",
      "title": "Video Player",
      "url": "https://21st.dev/@mohammadshehadeh/components/video-player",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片与媒体"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@mohammadshehadeh/components/video-player",
        "date": "2026-10-21"
      }
    },
    {
      "id": "4251bf97e3b99557",
      "title": "Reset Password Form",
      "url": "https://21st.dev/@diarmuradi/components/reset-password-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单与登录"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@diarmuradi/components/reset-password-1",
        "date": "2026-10-21"
      }
    },
    {
      "id": "d57f0d508842cc0b",
      "title": "Holo Card",
      "url": "https://21st.dev/@romanvasnev/components/holo-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@romanvasnev/components/holo-card",
        "date": "2026-10-21"
      }
    },
    {
      "id": "fcd55e04b109ee4a",
      "title": "Interactive Eye Tracker",
      "url": "https://21st.dev/@abushaidislam7/components/interactive-eye-tracker",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@abushaidislam7/components/interactive-eye-tracker",
        "date": "2026-10-21"
      }
    },
    {
      "id": "307db523e9d58e7e",
      "title": "Rounded Top Footer",
      "url": "https://21st.dev/@mohammadshehadeh/components/footer-02",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "布局与页面区块"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@mohammadshehadeh/components/footer-02",
        "date": "2026-10-21"
      }
    },
    {
      "id": "3c3f3942fdff8654",
      "title": "Sign Up Flow",
      "url": "https://21st.dev/@romanvasnev/components/sign-up-flow",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单与登录"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@romanvasnev/components/sign-up-flow",
        "date": "2026-10-21"
      }
    },
    {
      "id": "82284d5d9aa40fe6",
      "title": "Ink Headline",
      "url": "https://21st.dev/@ryanonline1234/components/ink-headline",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@ryanonline1234/components/ink-headline",
        "date": "2026-10-21"
      }
    },
    {
      "id": "22cbfa919bde0b5c",
      "title": "Interactive Values Grid",
      "url": "https://21st.dev/@abushaidislam7/components/interactive-values-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "布局与页面区块"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@abushaidislam7/components/interactive-values-grid",
        "date": "2026-10-21"
      }
    },
    {
      "id": "1c8d7d2fe0762910",
      "title": "ReUI trace - CSV import",
      "url": "https://21st.dev/@sean0205/components/reui-trace-15",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@sean0205/components/reui-trace-15",
        "date": "2026-10-21"
      }
    },
    {
      "id": "12c84d69adba271c",
      "title": "ReUI trace - Dependency audit",
      "url": "https://21st.dev/@sean0205/components/reui-trace-16",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@sean0205/components/reui-trace-16",
        "date": "2026-10-21"
      }
    },
    {
      "id": "d53d63bad930a3c4",
      "title": "ReUI time picker - Typable time input",
      "url": "https://21st.dev/@sean0205/components/reui-time-picker-3",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框与搜索",
        "日期与时间"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@sean0205/components/reui-time-picker-3",
        "date": "2026-10-21"
      }
    },
    {
      "id": "bd231c3b38daa2ad",
      "title": "ReUI time picker - 12-hour clock with seconds",
      "url": "https://21st.dev/@sean0205/components/reui-time-picker-4",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日期与时间"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@sean0205/components/reui-time-picker-4",
        "date": "2026-10-21"
      }
    }
  ]
}