{
  "schemaVersion": 1,
  "updatedAt": "2026-10-18",
  "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": 8589,
    "scope": {
      "status": "公开目录",
      "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
      "capturedAt": "2026-10-13"
    },
    "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": []
  },
  "pagination": {
    "page": 44,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 3440,
    "previous": "page-43.json",
    "next": "page-45.json"
  },
  "entries": [
    {
      "id": "b2cec0213b4e0e60",
      "title": "Morphing Spinner",
      "url": "https://21st.dev/@jatin-yadav05/components/morphing-spinner",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "转圈"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "65fa081844646935",
      "title": "Multistep Form",
      "url": "https://21st.dev/@jatin-yadav05/components/multistep-form",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "31bfe9bd126aa469",
      "title": "Notch Nav",
      "url": "https://21st.dev/@jatin-yadav05/components/notch-nav",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9e9f94af14db0605",
      "title": "Old Television Shader",
      "url": "https://21st.dev/@jatin-yadav05/components/old-television-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5fe1fcbcf4b06f64",
      "title": "Orbital Clock",
      "url": "https://21st.dev/@jatin-yadav05/components/orbital-clock",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b53362fc6dd2869e",
      "title": "Pixel Trail",
      "url": "https://21st.dev/@jatin-yadav05/components/pixel-trail",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fa8d30ee4461b3f0",
      "title": "Potfolio Text",
      "url": "https://21st.dev/@jatin-yadav05/components/potfolio-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fee8b837220d7946",
      "title": "Premium Verification Widget",
      "url": "https://21st.dev/@jatin-yadav05/components/premium-verification-widget",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "67e079fb821882fa",
      "title": "Pricing Component",
      "url": "https://21st.dev/@jatin-yadav05/components/pricing-component",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e7476238589048e8",
      "title": "Progress Bar",
      "url": "https://21st.dev/@jatin-yadav05/components/progress-bar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "柱状图",
        "进度条"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "efbbc105b03df3c2",
      "title": "Project Showcase",
      "url": "https://21st.dev/@jatin-yadav05/components/project-showcase",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9f1172aca02efe93",
      "title": "Radial Orbital Timeline",
      "url": "https://21st.dev/@jatin-yadav05/components/radial-orbital-timeline",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8ef28b8d8303f272",
      "title": "Reaction Chip",
      "url": "https://21st.dev/@jatin-yadav05/components/reaction-chip",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "29f256b5777a4d41",
      "title": "Reveal Text",
      "url": "https://21st.dev/@jatin-yadav05/components/reveal-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c54cc9cfe29ceebc",
      "title": "Scale Letter",
      "url": "https://21st.dev/@jatin-yadav05/components/scale-letter",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "22fba5ac4ea7482e",
      "title": "Shimmer Bg Text",
      "url": "https://21st.dev/@jatin-yadav05/components/shimmer-bg-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "流光",
        "闪烁",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "20f1b57a93bc5aea",
      "title": "Showcase Card 1",
      "url": "https://21st.dev/@jatin-yadav05/components/showcase-card-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8a956b0273470ed9",
      "title": "Sign In Card 2",
      "url": "https://21st.dev/@jatin-yadav05/components/sign-in-card-2",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "登录"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "68f35418c979cde7",
      "title": "Skills Showcase",
      "url": "https://21st.dev/@jatin-yadav05/components/skills-showcase",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "120acd80c471ab92",
      "title": "Smoke Card",
      "url": "https://21st.dev/@jatin-yadav05/components/smoke-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "59eabd0a5e1f7e14",
      "title": "Social Icons",
      "url": "https://21st.dev/@jatin-yadav05/components/social-icons",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5e5b29223b560e3c",
      "title": "Split Testimonial",
      "url": "https://21st.dev/@jatin-yadav05/components/split-testimonial",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "用户评价"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b900c91e36a3f7a4",
      "title": "Subtle Button",
      "url": "https://21st.dev/@jatin-yadav05/components/subtle-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f811ca00a50c0924",
      "title": "Text Scramble",
      "url": "https://21st.dev/@jatin-yadav05/components/text-scramble",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c4a18c978043451d",
      "title": "Unique Testimonial",
      "url": "https://21st.dev/@jatin-yadav05/components/unique-testimonial",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "用户评价"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0e570d33f452e384",
      "title": "Vapour Text Effect",
      "url": "https://21st.dev/@jatin-yadav05/components/vapour-text-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bf099a00b9d69042",
      "title": "Vertical Image Stack",
      "url": "https://21st.dev/@jatin-yadav05/components/vertical-image-stack",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ab7b38af73f0068d",
      "title": "Order Tracking",
      "url": "https://21st.dev/@javierdev0/components/order-tracking",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3c3a02a47dd75c73",
      "title": "Hero Scrub",
      "url": "https://21st.dev/@jean.duthil13/components/hero-scrub",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "专属默认预览中 FERRARI、汽车画面和 AMALFI 形成垂直居中的单列构图；没有功能卡片网格。"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "深绿至黑的底色与大面积绿色车体、光晕构成主要画面。"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "深绿至黑的底色与大面积绿色车体、光晕构成主要画面。"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-18",
        "evidenceUrl": "https://21st.dev/@jean.duthil13/components/hero-scrub",
        "boundary": "标签对应原站具体 selected demo 的默认桌面预览；没有把静态预览或源码检查当作浏览器交互验收。未判断的标签仍保持未知。"
      }
    },
    {
      "id": "0b41e07a055460cd",
      "title": "Mac Book Neo Hero",
      "url": "https://21st.dev/@jean.duthil13/components/mac-book-neo-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "专属默认预览中 MacBook Neo 标题和产品叠层沿页面中央轴排列；叠层是产品渲染图，不是功能网格。"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "白色页面底色，产品图包含明显的彩色机身与屏幕。"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "白色页面底色，产品图包含明显的彩色机身与屏幕。"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-18",
        "evidenceUrl": "https://21st.dev/@jean.duthil13/components/mac-book-neo-hero",
        "boundary": "标签对应原站具体 selected demo 的默认桌面预览；没有把静态预览或源码检查当作浏览器交互验收。未判断的标签仍保持未知。"
      }
    },
    {
      "id": "be65e2ffdfc1d191",
      "title": "Portfolio Tester",
      "url": "https://21st.dev/@jens.debacker5/components/portfolio-tester",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "09019001c04cc90f",
      "title": "Pixel Loader",
      "url": "https://21st.dev/@jeyajothi108/components/pixel-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a33f120d29574f67",
      "title": "Aa",
      "url": "https://21st.dev/@jfishfl/components/aa",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "086e9d74ac6943cc",
      "title": "Impossible Checkbox",
      "url": "https://21st.dev/@jh3yy_deleted/components/impossible-checkbox",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "复选框",
        "多选框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c8312095a7ae8e14",
      "title": "You Can Scroll",
      "url": "https://21st.dev/@jh3yy_deleted/components/you-can-scroll",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5ec03c3864b8e5e1",
      "title": "A Shader",
      "url": "https://21st.dev/@jhoan.rhz/components/a-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e07f7148c6801c6a",
      "title": "Koinonia",
      "url": "https://21st.dev/@ji.okorafor/components/koinonia",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6204e9e8c1ff0756",
      "title": "Verified Badge",
      "url": "https://21st.dev/@jitksaha/components/verified-badge",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "徽章",
        "状态标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "99cbbc1a3b043ae9",
      "title": "Trippin Spiral",
      "url": "https://21st.dev/@jobsrip/components/trippin-spiral",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1d1238fa056bf066",
      "title": "Slideshow",
      "url": "https://21st.dev/@jod49034/components/slideshow",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "32f32e7452e85c25",
      "title": "Tubes Curor",
      "url": "https://21st.dev/@jod49034/components/tubes-curor",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b88888240ba6ff89",
      "title": "Bloom Text",
      "url": "https://21st.dev/@johnmamanao/components/bloom-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "18dcb69889b0fbbd",
      "title": "Horizon Page Loader",
      "url": "https://21st.dev/@johnmamanao/components/horizon-page-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f2f0f343ba229101",
      "title": "Liquid Metal Shader",
      "url": "https://21st.dev/@johnmamanao/components/liquid-metal-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fbb2e2af6ac7da0a",
      "title": "Matrix Rain",
      "url": "https://21st.dev/@johnmamanao/components/matrix-rain",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "81e34fc7cf296543",
      "title": "Mercury Rail Loader",
      "url": "https://21st.dev/@johnmamanao/components/mercury-rail-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b0f88f334de5b0d9",
      "title": "Ribbon Fold Loader",
      "url": "https://21st.dev/@johnmamanao/components/ribbon-fold-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "092611798f56f403",
      "title": "Signal Reveal Text",
      "url": "https://21st.dev/@johnmamanao/components/signal-reveal-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "852e872d6c1ab796",
      "title": "Tidal Type Text",
      "url": "https://21st.dev/@johnmamanao/components/tidal-type-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8b05c65359ba64b2",
      "title": "Toolchain Marquee",
      "url": "https://21st.dev/@johnmamanao/components/toolchain-marquee",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a528dec7341cdc11",
      "title": "Ai Prompt Box",
      "url": "https://21st.dev/@johuniq/components/ai-prompt-box",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "db0cd0830510ac86",
      "title": "Animated Theme Toggle",
      "url": "https://21st.dev/@johuniq/components/animated-theme-toggle",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "切换",
        "开关",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "78169175e7f0b249",
      "title": "Date Wheel Picker",
      "url": "https://21st.dev/@johuniq/components/date-wheel-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "28bf5a229941219b",
      "title": "Joly Button",
      "url": "https://21st.dev/@johuniq/components/joly-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6c27f4a1604408df",
      "title": "Liquid Metal Button",
      "url": "https://21st.dev/@johuniq/components/liquid-metal-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "51818cf3dd52faf8",
      "title": "Bloom Field Gradient",
      "url": "https://21st.dev/@joinceleste/components/bloom-field-gradient",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2b6a96b50e645e2e",
      "title": "Fluted Glass Waves Shader",
      "url": "https://21st.dev/@joker4214/components/fluted-glass-waves-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8773f0ee76cada28",
      "title": "Button",
      "url": "https://21st.dev/@jolbol1/components/button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ba28a212cbf6ee95",
      "title": "Button 1",
      "url": "https://21st.dev/@jolbol1/components/button-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "96017b0ccc9ac0b1",
      "title": "Calendar",
      "url": "https://21st.dev/@jolbol1/components/calendar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日历"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "023a61d028767fc6",
      "title": "Checkbox",
      "url": "https://21st.dev/@jolbol1/components/checkbox",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "复选框",
        "多选框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9339359796df9c1f",
      "title": "Checkbox 1",
      "url": "https://21st.dev/@jolbol1/components/checkbox-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "复选框",
        "多选框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1d3ad25ed81e7fc5",
      "title": "Date Picker",
      "url": "https://21st.dev/@jolbol1/components/date-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日期选择器"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dbc579b9ce7c4018",
      "title": "Date Range Picker",
      "url": "https://21st.dev/@jolbol1/components/date-range-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9b24d387d0396ba3",
      "title": "Datefield",
      "url": "https://21st.dev/@jolbol1/components/datefield",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4e59eca563608628",
      "title": "Dialog 2",
      "url": "https://21st.dev/@jolbol1/components/dialog-2",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "06996d9082d3d0d2",
      "title": "Field",
      "url": "https://21st.dev/@jolbol1/components/field",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0e6e8542ddf08ac8",
      "title": "File Trigger",
      "url": "https://21st.dev/@jolbol1/components/file-trigger",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文件"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bd7ddd60fdd6f558",
      "title": "File Trigger 2",
      "url": "https://21st.dev/@jolbol1/components/file-trigger-2",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文件"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "db7fe74c2d619aca",
      "title": "Grid List",
      "url": "https://21st.dev/@jolbol1/components/grid-list",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格",
        "列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "178bd02a8676267b",
      "title": "Link",
      "url": "https://21st.dev/@jolbol1/components/link",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dd75ab2bc3b9f236",
      "title": "List Box",
      "url": "https://21st.dev/@jolbol1/components/list-box",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4ca0bf698dcedec7",
      "title": "List Box 2",
      "url": "https://21st.dev/@jolbol1/components/list-box-2",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bdc365179e8b3b5b",
      "title": "Menu 1",
      "url": "https://21st.dev/@jolbol1/components/menu-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ac835059a23ba0b5",
      "title": "Numberfield",
      "url": "https://21st.dev/@jolbol1/components/numberfield",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cb5e7202c1b55c7e",
      "title": "Popover",
      "url": "https://21st.dev/@jolbol1/components/popover",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "气泡",
        "弹出框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f4d6edc68cc077ff",
      "title": "Popover 1",
      "url": "https://21st.dev/@jolbol1/components/popover-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "气泡",
        "弹出框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f766cc2481a7cf34",
      "title": "Progress",
      "url": "https://21st.dev/@jolbol1/components/progress",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "进度条"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "89ff4f7821cc0ad6",
      "title": "Range Calendar",
      "url": "https://21st.dev/@jolbol1/components/range-calendar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日历"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3e0d5634af8874b4",
      "title": "Searchfield",
      "url": "https://21st.dev/@jolbol1/components/searchfield",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}