{
  "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": 30,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 2320,
    "previous": "page-29.json",
    "next": "page-31.json"
  },
  "entries": [
    {
      "id": "f803db3cff01fcee",
      "title": "Swap",
      "url": "https://21st.dev/@diceui/components/swap",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "aa50c4c4979fe276",
      "title": "Uss",
      "url": "https://21st.dev/@diegocavallaro8/components/uss",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3ed947a56e15e681",
      "title": "Dynamic Island Toc",
      "url": "https://21st.dev/@digitalzone0707/components/dynamic-island-toc",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8b63d4fd1e25ddae",
      "title": "P Shader",
      "url": "https://21st.dev/@digogois2/components/p-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "58fc981bf2e43a16",
      "title": "Animated Beam",
      "url": "https://21st.dev/@dillionverma/components/animated-beam",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光束",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7714d4687db109e8",
      "title": "Animated Circular Progress Bar",
      "url": "https://21st.dev/@dillionverma/components/animated-circular-progress-bar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "环形",
        "圆形",
        "柱状图",
        "进度条",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "725ef7c2df0ac6d5",
      "title": "Animated Gradient Text",
      "url": "https://21st.dev/@dillionverma/components/animated-gradient-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变",
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f3393468a1c5c37b",
      "title": "Animated Grid Pattern",
      "url": "https://21st.dev/@dillionverma/components/animated-grid-pattern",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "22fb3cbbbc65e768",
      "title": "Animated List",
      "url": "https://21st.dev/@dillionverma/components/animated-list",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "列表",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8fc029b6a172c610",
      "title": "Animated Shiny Text",
      "url": "https://21st.dev/@dillionverma/components/animated-shiny-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "08a4a1973c9fa5dd",
      "title": "Animated Subscribe Button",
      "url": "https://21st.dev/@dillionverma/components/animated-subscribe-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e40167e7470f1a5e",
      "title": "Avatar Circles",
      "url": "https://21st.dev/@dillionverma/components/avatar-circles",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "头像"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b8ee0d6e559444f5",
      "title": "Blur Fade",
      "url": "https://21st.dev/@dillionverma/components/blur-fade",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "淡入",
        "淡出",
        "模糊"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "af6c59a16a016cdb",
      "title": "Blur In",
      "url": "https://21st.dev/@dillionverma/components/blur-in",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "模糊"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7c92e857b29e9ff3",
      "title": "Border Beam",
      "url": "https://21st.dev/@dillionverma/components/border-beam",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光束",
        "发光边框",
        "流光边框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1c4e2797465e391a",
      "title": "Comic Text",
      "url": "https://21st.dev/@dillionverma/components/comic-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d6e68a7f3ee85ea0",
      "title": "Confetti",
      "url": "https://21st.dev/@dillionverma/components/confetti",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "彩纸",
        "庆祝"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c5368aa32f0bbe66",
      "title": "Cool Mode",
      "url": "https://21st.dev/@dillionverma/components/cool-mode",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9388470bfa645e13",
      "title": "Dock",
      "url": "https://21st.dev/@dillionverma/components/dock",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "程序坞",
        "导航"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7bdc76e0f5bb53fd",
      "title": "Dot Pattern",
      "url": "https://21st.dev/@dillionverma/components/dot-pattern",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0adc8704b857fc4f",
      "title": "Fade Text",
      "url": "https://21st.dev/@dillionverma/components/fade-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "淡入",
        "淡出",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2141ac52cbf7e28e",
      "title": "File Tree",
      "url": "https://21st.dev/@dillionverma/components/file-tree",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "树形列表",
        "文件"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c9ebee37d61a6f0a",
      "title": "Flickering Grid",
      "url": "https://21st.dev/@dillionverma/components/flickering-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2b20e7417b37bd26",
      "title": "Flip Text",
      "url": "https://21st.dev/@dillionverma/components/flip-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "翻转"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ac0cb072ee95665f",
      "title": "Globe",
      "url": "https://21st.dev/@dillionverma/components/globe",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "172e6c1b34a9bf54",
      "title": "Glyph Matrix",
      "url": "https://21st.dev/@dillionverma/components/glyph-matrix",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b63e9b648deb7067",
      "title": "Gradual Spacing",
      "url": "https://21st.dev/@dillionverma/components/gradual-spacing",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4578648d63f0bf35",
      "title": "Grid Pattern",
      "url": "https://21st.dev/@dillionverma/components/grid-pattern",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "664ce5b809e68e0e",
      "title": "Hero Video Dialog",
      "url": "https://21st.dev/@dillionverma/components/hero-video-dialog",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框",
        "首屏",
        "主视觉",
        "视频"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@dillionverma/components/hero-video-dialog",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "5643236f2136d718",
      "title": "Hyper Text",
      "url": "https://21st.dev/@dillionverma/components/hyper-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "93b069afddc648af",
      "title": "Interactive Hover Button",
      "url": "https://21st.dev/@dillionverma/components/interactive-hover-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8cb393d8e728c6a7",
      "title": "Interactive Icon Cloud",
      "url": "https://21st.dev/@dillionverma/components/interactive-icon-cloud",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b451b71a85de2b93",
      "title": "Line Shadow Text",
      "url": "https://21st.dev/@dillionverma/components/line-shadow-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "折线",
        "线条",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e17633efeb47aabd",
      "title": "Marquee",
      "url": "https://21st.dev/@dillionverma/components/marquee",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "52c7288e289787af",
      "title": "Morphing Text",
      "url": "https://21st.dev/@dillionverma/components/morphing-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "be9b31b35911bf0e",
      "title": "Number Ticker",
      "url": "https://21st.dev/@dillionverma/components/number-ticker",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a43058db230a66f1",
      "title": "Orbiting Circles",
      "url": "https://21st.dev/@dillionverma/components/orbiting-circles",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a0654293ec59fd77",
      "title": "Particles",
      "url": "https://21st.dev/@dillionverma/components/particles",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "粒子"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "159572a3417098d7",
      "title": "Pixel Image",
      "url": "https://21st.dev/@dillionverma/components/pixel-image",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bbac5211caf747ec",
      "title": "Pointer",
      "url": "https://21st.dev/@dillionverma/components/pointer",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "指针",
        "鼠标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2624b2662241a235",
      "title": "Progressive Blur",
      "url": "https://21st.dev/@dillionverma/components/progressive-blur",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "模糊"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "de438018049081e1",
      "title": "Rainbow Button",
      "url": "https://21st.dev/@dillionverma/components/rainbow-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "59c467e5e0f33397",
      "title": "Retro Grid",
      "url": "https://21st.dev/@dillionverma/components/retro-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c9bbe63ae0ae59a5",
      "title": "Ripple Button",
      "url": "https://21st.dev/@dillionverma/components/ripple-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "涟漪",
        "波纹"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "52a9a01f5c78be8d",
      "title": "Safari",
      "url": "https://21st.dev/@dillionverma/components/safari",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "637f008059910250",
      "title": "Scratch To Reveal",
      "url": "https://21st.dev/@dillionverma/components/scratch-to-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "60430d4fd85bcf4d",
      "title": "Script Copy Button",
      "url": "https://21st.dev/@dillionverma/components/script-copy-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2a328b8207c41596",
      "title": "Scroll Based Velocity",
      "url": "https://21st.dev/@dillionverma/components/scroll-based-velocity",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "07c1070baf7344fa",
      "title": "Shimmer Button",
      "url": "https://21st.dev/@dillionverma/components/shimmer-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "流光",
        "闪烁"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8762e8ea7ce11ad9",
      "title": "Shine Border",
      "url": "https://21st.dev/@dillionverma/components/shine-border",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "发光边框",
        "流光边框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1c38b5b8c83241ec",
      "title": "Shiny Button",
      "url": "https://21st.dev/@dillionverma/components/shiny-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bccfaa8ce1b5b9af",
      "title": "Smooth Cursor",
      "url": "https://21st.dev/@dillionverma/components/smooth-cursor",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f86a8ca4de0f08d2",
      "title": "Sparkles Text",
      "url": "https://21st.dev/@dillionverma/components/sparkles-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6168f7a6c8f5d3ff",
      "title": "Spinning Text",
      "url": "https://21st.dev/@dillionverma/components/spinning-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1164cbee4d5f587d",
      "title": "Terminal",
      "url": "https://21st.dev/@dillionverma/components/terminal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "终端"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d3ba9df186e1a3f4",
      "title": "Text Reveal",
      "url": "https://21st.dev/@dillionverma/components/text-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2d3fbb9d70dadb0d",
      "title": "Tweet Card",
      "url": "https://21st.dev/@dillionverma/components/tweet-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3392fdfc1ee92142",
      "title": "Typing Animation",
      "url": "https://21st.dev/@dillionverma/components/typing-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "打字机",
        "打字",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1240b060c9e680d1",
      "title": "Warp Background",
      "url": "https://21st.dev/@dillionverma/components/warp-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c541c2fac976ec79",
      "title": "Word Fade In",
      "url": "https://21st.dev/@dillionverma/components/word-fade-in",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "淡入",
        "淡出"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c968ae32e5c3b09f",
      "title": "Word Pull Up",
      "url": "https://21st.dev/@dillionverma/components/word-pull-up",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "240f85648987898e",
      "title": "Word Rotate",
      "url": "https://21st.dev/@dillionverma/components/word-rotate",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dc8009e0d2f1ef47",
      "title": "Animated Counter",
      "url": "https://21st.dev/@diriktv/components/animated-counter",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "60565531ffb5c390",
      "title": "Confetti Background",
      "url": "https://21st.dev/@diriktv/components/confetti-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景",
        "彩纸",
        "庆祝"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "95542dbf739fd561",
      "title": "Music Artwork",
      "url": "https://21st.dev/@diriktv/components/music-artwork",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "音乐"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "188816299601ad36",
      "title": "Gradient",
      "url": "https://21st.dev/@dkhorzoghy/components/gradient",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5cd898ec1178ce44",
      "title": "Plasma Shader",
      "url": "https://21st.dev/@dmwilliam0/components/plasma-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "050d95588b35161e",
      "title": "Shader 0Cfd140C",
      "url": "https://21st.dev/@dobotox/components/shader-0cfd140c",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ffac64cf7e99b4f0",
      "title": "Agent Dock",
      "url": "https://21st.dev/@dqnamo/components/agent-dock",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "程序坞",
        "导航",
        "智能体"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "059c226caaf5c842",
      "title": "Animated Banner",
      "url": "https://21st.dev/@dqnamo/components/animated-banner",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dd2dca74089e7faa",
      "title": "Dynamic Button",
      "url": "https://21st.dev/@dqnamo/components/dynamic-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9dc66f2478f82a8c",
      "title": "Game Of Life Loader",
      "url": "https://21st.dev/@dqnamo/components/game-of-life-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1f843d4beb6a3e36",
      "title": "Iridescent Foil",
      "url": "https://21st.dev/@dqnamo/components/iridescent-foil",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "434ad439c6c7e3d4",
      "title": "Logo Trace Loader",
      "url": "https://21st.dev/@dqnamo/components/logo-trace-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f1065fe7ab1ba06a",
      "title": "Model Selector",
      "url": "https://21st.dev/@dqnamo/components/model-selector",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7a06eb627c45ab75",
      "title": "Scramble Text",
      "url": "https://21st.dev/@dqnamo/components/scramble-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "690d40f581a82cc1",
      "title": "Scroll Fade List",
      "url": "https://21st.dev/@dqnamo/components/scroll-fade-list",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "列表",
        "滚动",
        "淡入",
        "淡出"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "840c007ce176c911",
      "title": "Signature",
      "url": "https://21st.dev/@dqnamo/components/signature",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f57f02b88be115c8",
      "title": "Destructive Button",
      "url": "https://21st.dev/@drdruide/components/destructive-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "aa6fd7f5aa7886d0",
      "title": "Drew",
      "url": "https://21st.dev/@drewbasadre/components/drew",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}