{
  "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": 109,
    "pageSize": 80,
    "totalEntries": 8782,
    "totalPages": 110,
    "offset": 8640,
    "previous": "page-108.json",
    "next": "page-110.json"
  },
  "entries": [
    {
      "id": "9eb0237a20fe2de2",
      "title": "FAQ Accordion Section",
      "url": "https://21st.dev/@kedhareswer/components/slit-type-faq",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "折叠面板"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@kedhareswer/components/slit-type-faq",
        "date": "2026-10-21"
      }
    },
    {
      "id": "f8fe934d5fd6d6ea",
      "title": "Voice Note",
      "url": "https://21st.dev/@ebnsina/components/voice-note",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@ebnsina/components/voice-note",
        "date": "2026-10-21"
      }
    },
    {
      "id": "e740cee207b1abc3",
      "title": "Countdown Timer",
      "url": "https://21st.dev/@ebnsina/components/timer",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日期与时间"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@ebnsina/components/timer",
        "date": "2026-10-21"
      }
    },
    {
      "id": "09f5e790c3586b52",
      "title": "Video Player",
      "url": "https://21st.dev/@ebnsina/components/video-player",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片与媒体"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@ebnsina/components/video-player",
        "date": "2026-10-21"
      }
    },
    {
      "id": "5d450612318230d5",
      "title": "Stopwatch",
      "url": "https://21st.dev/@ebnsina/components/stopwatch",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@ebnsina/components/stopwatch",
        "date": "2026-10-21"
      }
    },
    {
      "id": "f99da2ee1378e7a4",
      "title": "Sortable List",
      "url": "https://21st.dev/@ebnsina/components/sortable",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格与列表"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@ebnsina/components/sortable",
        "date": "2026-10-21"
      }
    },
    {
      "id": "f48c1dabd277d2ec",
      "title": "Shaka Video",
      "url": "https://21st.dev/@ebnsina/components/shaka-video",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片与媒体"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@ebnsina/components/shaka-video",
        "date": "2026-10-21"
      }
    },
    {
      "id": "a3f305fe78a613c9",
      "title": "Radio Group",
      "url": "https://21st.dev/@ebnsina/components/radio-group",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "选择器与开关"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@ebnsina/components/radio-group",
        "date": "2026-10-21"
      }
    },
    {
      "id": "d369244963801702",
      "title": "Split Button",
      "url": "https://21st.dev/@ebnsina/components/split-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@ebnsina/components/split-button",
        "date": "2026-10-21"
      }
    },
    {
      "id": "2f70eb107351afa9",
      "title": "Grained Gradient",
      "url": "https://21st.dev/@devmughal8/components/grained-gradient",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@devmughal8/components/grained-gradient",
        "date": "2026-10-21"
      }
    },
    {
      "id": "b06c9f8a4f738514",
      "title": "Unlumen Motion Faqs Accordion",
      "url": "https://21st.dev/@unlumen/components/unlumen-motion-faqs-accordion",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "折叠面板"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@unlumen/components/unlumen-motion-faqs-accordion",
        "date": "2026-10-21"
      }
    },
    {
      "id": "d26209af87c59d60",
      "title": "Streaming Message",
      "url": "https://21st.dev/@purnavu-12/components/buildwithme-streaming-message",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI 与聊天"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@purnavu-12/components/buildwithme-streaming-message",
        "date": "2026-10-21"
      }
    },
    {
      "id": "c3aaab558b999f5e",
      "title": "Inline Edit",
      "url": "https://21st.dev/@ebnsina/components/inline-edit",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框与搜索"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@ebnsina/components/inline-edit",
        "date": "2026-10-21"
      }
    },
    {
      "id": "dec4a45c41b53e07",
      "title": "black and white gradient",
      "url": "https://21st.dev/@heliarkiani/components/black-and-white-gradient",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@heliarkiani/components/black-and-white-gradient",
        "date": "2026-10-21"
      }
    },
    {
      "id": "43098b646b8099db",
      "title": "Unlumen Orbiting Skills",
      "url": "https://21st.dev/@unlumen/components/unlumen-orbiting-skills",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@unlumen/components/unlumen-orbiting-skills",
        "date": "2026-10-21"
      }
    },
    {
      "id": "be94a46ab61a0b85",
      "title": "motion blue gradient",
      "url": "https://21st.dev/@anlearsurvet/components/motion-blue-gradient",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@anlearsurvet/components/motion-blue-gradient",
        "date": "2026-10-21"
      }
    },
    {
      "id": "06becaeb2d9a581e",
      "title": "purple gradient",
      "url": "https://21st.dev/@anlearsurvet/components/purple-gradient",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@anlearsurvet/components/purple-gradient",
        "date": "2026-10-21"
      }
    },
    {
      "id": "2697e51c94d21643",
      "title": "Unlumen Animated List",
      "url": "https://21st.dev/@unlumen/components/unlumen-animated-list",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格与列表"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@unlumen/components/unlumen-animated-list",
        "date": "2026-10-21"
      }
    },
    {
      "id": "a14bcfaf8532d6cf",
      "title": "Switch",
      "url": "https://21st.dev/@redrob-labs/components/switch",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "选择器与开关"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@redrob-labs/components/switch",
        "date": "2026-10-21"
      }
    },
    {
      "id": "9f3ec60389e73745",
      "title": "Memory Scope",
      "url": "https://21st.dev/@redrob-labs/components/memory-scope",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@redrob-labs/components/memory-scope",
        "date": "2026-10-21"
      }
    },
    {
      "id": "48a37b999d0b9d8a",
      "title": "Schedule Picker",
      "url": "https://21st.dev/@redrob-labs/components/schedule-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@redrob-labs/components/schedule-picker",
        "date": "2026-10-21"
      }
    },
    {
      "id": "efbdae12838605c5",
      "title": "acid power",
      "url": "https://21st.dev/@vodichka.vldk/components/acid-power",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@vodichka.vldk/components/acid-power",
        "date": "2026-10-21"
      }
    },
    {
      "id": "e1dedf49e5c66b6b",
      "title": "Alarm Clock",
      "url": "https://21st.dev/@ebnsina/components/alarm-clock",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日期与时间"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@ebnsina/components/alarm-clock",
        "date": "2026-10-21"
      }
    },
    {
      "id": "9a3a7fb7cf409192",
      "title": "Bloom Field gradient",
      "url": "https://21st.dev/@diogotesch/components/bloom-field-gradient-2",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@diogotesch/components/bloom-field-gradient-2",
        "date": "2026-10-21"
      }
    },
    {
      "id": "d8c86b413a56fbaa",
      "title": "Alert",
      "url": "https://21st.dev/@redrob-labs/components/alert",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "提示与状态"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@redrob-labs/components/alert",
        "date": "2026-10-21"
      }
    },
    {
      "id": "a3deba1c450b270d",
      "title": "Experience Timeline Section",
      "url": "https://21st.dev/@kedhareswer/components/pigment-experience-ledger",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "布局与页面区块"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@kedhareswer/components/pigment-experience-ledger",
        "date": "2026-10-21"
      }
    },
    {
      "id": "780c5a5f6f9943d7",
      "title": "Accordion",
      "url": "https://21st.dev/@redrob-labs/components/accordion",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "折叠面板"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@redrob-labs/components/accordion",
        "date": "2026-10-21"
      }
    },
    {
      "id": "d5ee03a174c51f0d",
      "title": "Hero Section",
      "url": "https://21st.dev/@redrob-labs/components/hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "布局与页面区块"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@redrob-labs/components/hero",
        "date": "2026-10-21"
      }
    },
    {
      "id": "418924ae901dbda3",
      "title": "Window Panel",
      "url": "https://21st.dev/@lailai0916/components/window-panel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@lailai0916/components/window-panel",
        "date": "2026-10-21"
      }
    },
    {
      "id": "db978047e5943ad5",
      "title": "house cyber",
      "url": "https://21st.dev/@tom_4a7b3838/components/house-cyber",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@tom_4a7b3838/components/house-cyber",
        "date": "2026-10-21"
      }
    },
    {
      "id": "c98fb7e252d35fd2",
      "title": "Bloom Field gradient",
      "url": "https://21st.dev/@diogotesch/components/bloom-field-gradient",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@diogotesch/components/bloom-field-gradient",
        "date": "2026-10-21"
      }
    },
    {
      "id": "27f593aa78afbd6b",
      "title": "Particle Title",
      "url": "https://21st.dev/@yingwuyi6l6/components/particle-title",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@yingwuyi6l6/components/particle-title",
        "date": "2026-10-21"
      }
    },
    {
      "id": "14a8632cb7ade928",
      "title": "vivy",
      "url": "https://21st.dev/@miloyaou/components/vivy",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@miloyaou/components/vivy",
        "date": "2026-10-21"
      }
    },
    {
      "id": "bcb8aaf329074a27",
      "title": "Violet Flowing Silk Shader",
      "url": "https://21st.dev/@ashik-siddike/components/violet-flowing-silk-shader",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@ashik-siddike/components/violet-flowing-silk-shader",
        "date": "2026-10-21"
      }
    },
    {
      "id": "491abe19f131b8a5",
      "title": "home sat",
      "url": "https://21st.dev/@tom_4a7b3838/components/home-sat",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@tom_4a7b3838/components/home-sat",
        "date": "2026-10-21"
      }
    },
    {
      "id": "a4008aabc088f055",
      "title": "Aurora Shader - Green",
      "url": "https://21st.dev/@guranshbir2012/components/aurora-shader-green",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@guranshbir2012/components/aurora-shader-green",
        "date": "2026-10-21"
      }
    },
    {
      "id": "13d285200c59731d",
      "title": "AI Chat Button",
      "url": "https://21st.dev/@victordiazjauregui/components/aichat-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "AI 与聊天"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@victordiazjauregui/components/aichat-button",
        "date": "2026-10-21"
      }
    },
    {
      "id": "62ccd8fcde738201",
      "title": "Raked Sand Garden Background",
      "url": "https://21st.dev/@kedhareswer/components/raked-sand-garden",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@kedhareswer/components/raked-sand-garden",
        "date": "2026-10-21"
      }
    },
    {
      "id": "fa3af1476532a951",
      "title": "Liquid Sculpture Hero",
      "url": "https://21st.dev/@gughigug/components/liquid-sculpture-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "布局与页面区块"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@gughigug/components/liquid-sculpture-hero",
        "date": "2026-10-21"
      }
    },
    {
      "id": "b6f47bd9a4316818",
      "title": "Tabs",
      "url": "https://21st.dev/@haassiib/components/tabs-roving-focus",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "导航与菜单"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@haassiib/components/tabs-roving-focus",
        "date": "2026-10-21"
      }
    },
    {
      "id": "7946b16628b6a3f5",
      "title": "Meeting Booking Calendar",
      "url": "https://21st.dev/@kedhareswer/components/open-slot-booking",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日期与时间"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@kedhareswer/components/open-slot-booking",
        "date": "2026-10-21"
      }
    },
    {
      "id": "7048833edd162814",
      "title": "111",
      "url": "https://21st.dev/@qiaozhi7426/components/111",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@qiaozhi7426/components/111",
        "date": "2026-10-21"
      }
    },
    {
      "id": "99de0669f28b9088",
      "title": "Frosted Window Background",
      "url": "https://21st.dev/@kedhareswer/components/hoarfrost-pane",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@kedhareswer/components/hoarfrost-pane",
        "date": "2026-10-21"
      }
    },
    {
      "id": "4f0b147aad1f1bb1",
      "title": "Silk Becker",
      "url": "https://21st.dev/@wenflen/components/silk-becker",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@wenflen/components/silk-becker",
        "date": "2026-10-21"
      }
    },
    {
      "id": "f50221a9b8d7f22f",
      "title": "Delivery progress",
      "url": "https://21st.dev/@ibrandify/components/delivery-progress",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "提示与状态"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@ibrandify/components/delivery-progress",
        "date": "2026-10-21"
      }
    },
    {
      "id": "5c1721b4c4bde803",
      "title": "Ripped Denim Cloth Background",
      "url": "https://21st.dev/@kedhareswer/components/distressed-denim",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@kedhareswer/components/distressed-denim",
        "date": "2026-10-21"
      }
    },
    {
      "id": "256c21e7113f59fc",
      "title": "Backdrop",
      "url": "https://21st.dev/@darshan-rajadhyaksha/components/backdrop",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@darshan-rajadhyaksha/components/backdrop",
        "date": "2026-10-21"
      }
    },
    {
      "id": "8e60b7f750e20e29",
      "title": "xsdad",
      "url": "https://21st.dev/@harshita.heloxone/components/xsdad",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@harshita.heloxone/components/xsdad",
        "date": "2026-10-21"
      }
    },
    {
      "id": "c8ec06cb8e565c4d",
      "title": "Theme Switch",
      "url": "https://21st.dev/@zweiundeins/components/theme-switch",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "选择器与开关"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@zweiundeins/components/theme-switch",
        "date": "2026-10-21"
      }
    },
    {
      "id": "23d8caa7e8e65dfc",
      "title": "Black Hole",
      "url": "https://21st.dev/@meerbahadin10/components/black-hole",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@meerbahadin10/components/black-hole",
        "date": "2026-10-21"
      }
    },
    {
      "id": "434fc6bee68a46ef",
      "title": "candelstick",
      "url": "https://21st.dev/@bygraveryan/components/candelstick",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@bygraveryan/components/candelstick",
        "date": "2026-10-21"
      }
    },
    {
      "id": "33e2c020844790e7",
      "title": "Source Lens",
      "url": "https://21st.dev/@ibrandify/components/source-lens",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@ibrandify/components/source-lens",
        "date": "2026-10-21"
      }
    },
    {
      "id": "52d3e0e368fff544",
      "title": "Glass Fold",
      "url": "https://21st.dev/@meerbahadin10/components/glass-fold",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@meerbahadin10/components/glass-fold",
        "date": "2026-10-21"
      }
    },
    {
      "id": "212271a5d7f0a46d",
      "title": "Halftone Wordmark Footer",
      "url": "https://21st.dev/@kedhareswer/components/halftone-wordmark-footer",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "布局与页面区块"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@kedhareswer/components/halftone-wordmark-footer",
        "date": "2026-10-21"
      }
    },
    {
      "id": "b15eddb7670c16a5",
      "title": "Rangoli Preloader Animation",
      "url": "https://21st.dev/@kedhareswer/components/rangoli-preloader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@kedhareswer/components/rangoli-preloader",
        "date": "2026-10-21"
      }
    },
    {
      "id": "7c983ebe816a95df",
      "title": "Harmal Singh",
      "url": "https://21st.dev/@harmalbrar313/components/harmal-singh-2",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@harmalbrar313/components/harmal-singh-2",
        "date": "2026-10-21"
      }
    },
    {
      "id": "df19c27319c29409",
      "title": "Glassmorphism Folder Cards",
      "url": "https://21st.dev/@kedhareswer/components/glass-folder-cards",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "上传与文件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@kedhareswer/components/glass-folder-cards",
        "date": "2026-10-21"
      }
    },
    {
      "id": "ad9362e4efd384cb",
      "title": "Harmal Singh",
      "url": "https://21st.dev/@harmalbrar313/components/harmal-singh",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@harmalbrar313/components/harmal-singh",
        "date": "2026-10-21"
      }
    },
    {
      "id": "79d16ced7ba11b77",
      "title": "neuroserver1",
      "url": "https://21st.dev/@deymond.laplasa/components/neuroserver1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@deymond.laplasa/components/neuroserver1",
        "date": "2026-10-21"
      }
    },
    {
      "id": "9992308ebe8823ae",
      "title": "Liquid Chrome Holographic Shader Background",
      "url": "https://21st.dev/@kedhareswer/components/holo-chrome-flow",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@kedhareswer/components/holo-chrome-flow",
        "date": "2026-10-21"
      }
    },
    {
      "id": "deac538ef73cb97f",
      "title": "Grainy Flame Shader Background",
      "url": "https://21st.dev/@kedhareswer/components/cold-flame-drift",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@kedhareswer/components/cold-flame-drift",
        "date": "2026-10-21"
      }
    },
    {
      "id": "109b79c80a503453",
      "title": "Variable Font Weight Preloader",
      "url": "https://21st.dev/@kedhareswer/components/weight-sweep-preloader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@kedhareswer/components/weight-sweep-preloader",
        "date": "2026-10-21"
      }
    },
    {
      "id": "3fc907c36917dcb9",
      "title": "Grainy Mesh Gradient Background",
      "url": "https://21st.dev/@kedhareswer/components/meridian-mist",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@kedhareswer/components/meridian-mist",
        "date": "2026-10-21"
      }
    },
    {
      "id": "b7a0ce1581a7e105",
      "title": "Channel Strip",
      "url": "https://21st.dev/@audiocn/components/channel-strip",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@audiocn/components/channel-strip",
        "date": "2026-10-21"
      }
    },
    {
      "id": "94bc0d0723d5c17a",
      "title": "Green",
      "url": "https://21st.dev/@lucasriveira24/components/green",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@lucasriveira24/components/green",
        "date": "2026-10-21"
      }
    },
    {
      "id": "9aaf0d43ae730011",
      "title": "creation of adam",
      "url": "https://21st.dev/@0threat2society02/components/creation-of-adam",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@0threat2society02/components/creation-of-adam",
        "date": "2026-10-21"
      }
    },
    {
      "id": "0eb5001f0e99a494",
      "title": "Animated Tree View",
      "url": "https://21st.dev/@abushaidislam7/components/animated-tree-view",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格与列表"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@abushaidislam7/components/animated-tree-view",
        "date": "2026-10-21"
      }
    },
    {
      "id": "57bd0f7a67caf5b3",
      "title": "Revenue Velocity",
      "url": "https://21st.dev/@daiwiikharihar/components/revenue-velocity",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@daiwiikharihar/components/revenue-velocity",
        "date": "2026-10-21"
      }
    },
    {
      "id": "ba84215334671e7e",
      "title": "Aurora Curtain",
      "url": "https://21st.dev/@daiwiikharihar/components/aurora-curtain",
      "kind": "视觉效果",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@daiwiikharihar/components/aurora-curtain",
        "date": "2026-10-21"
      }
    },
    {
      "id": "f6279aa6cfe75701",
      "title": "Prompt Bond",
      "url": "https://21st.dev/@luv-jeri_c92deb60/components/prompt-bond",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI 与聊天"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@luv-jeri_c92deb60/components/prompt-bond",
        "date": "2026-10-21"
      }
    },
    {
      "id": "a6b921813d24ff45",
      "title": "Glowing Pricing Tiers",
      "url": "https://21st.dev/@ibrandify/components/glowing-pricing-tiers",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "布局与页面区块"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@ibrandify/components/glowing-pricing-tiers",
        "date": "2026-10-21"
      }
    },
    {
      "id": "166622630b5b95a4",
      "title": "nehir",
      "url": "https://21st.dev/@indieworld00/components/nehir",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "其他组件"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@indieworld00/components/nehir",
        "date": "2026-10-21"
      }
    },
    {
      "id": "3ef32e3a2b6dd94c",
      "title": "Outcome Spinner Loader",
      "url": "https://21st.dev/@dhxwhy/components/outcome-spinner-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "提示与状态"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/outcome-spinner-loader",
        "date": "2026-10-21"
      }
    },
    {
      "id": "df328132f48e12d2",
      "title": "Highlight Textarea",
      "url": "https://21st.dev/@dhxwhy/components/highlight-textarea",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框与搜索"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/highlight-textarea",
        "date": "2026-10-21"
      }
    },
    {
      "id": "1e8a6a5ecccdcfc2",
      "title": "Highlight Testimonial Section",
      "url": "https://21st.dev/@dhxwhy/components/highlight-testimonial-section",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "布局与页面区块"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/highlight-testimonial-section",
        "date": "2026-10-21"
      }
    },
    {
      "id": "2fc7729f3d680b18",
      "title": "Staged Progress Bar",
      "url": "https://21st.dev/@dhxwhy/components/staged-progress-bar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "提示与状态"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/staged-progress-bar",
        "date": "2026-10-21"
      }
    },
    {
      "id": "021eb35f2d7ba4e2",
      "title": "Resolving Alert Banner",
      "url": "https://21st.dev/@dhxwhy/components/resolving-alert-banner",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "提示与状态"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/resolving-alert-banner",
        "date": "2026-10-21"
      }
    },
    {
      "id": "de14f8a52752676c",
      "title": "Morph Dialog",
      "url": "https://21st.dev/@dhxwhy/components/morph-dialog",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗与抽屉"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@dhxwhy/components/morph-dialog",
        "date": "2026-10-21"
      }
    },
    {
      "id": "a1fa55f044110457",
      "title": "Single Open Accordion",
      "url": "https://21st.dev/@ibrandify/components/single-open-accordion",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "折叠面板"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@ibrandify/components/single-open-accordion",
        "date": "2026-10-21"
      }
    },
    {
      "id": "56bf3f2fc29e2fa2",
      "title": "Editorial service list",
      "url": "https://21st.dev/@ibrandify/components/editorial-service-list",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格与列表"
      ],
      "framework": "React",
      "source": {
        "kind": "来源说明",
        "url": "https://21st.dev/@ibrandify/components/editorial-service-list",
        "date": "2026-10-21"
      }
    }
  ]
}