{
  "schemaVersion": 1,
  "updatedAt": "2026-10-18",
  "source": {
    "id": "spell",
    "name": "Spell UI",
    "description": "可复制的 React 组件，适合文字效果、卡片与界面动效。",
    "category": "UI 组件库",
    "tags": [
      "React",
      "MIT",
      "提供代码"
    ],
    "url": "https://spell.sh/",
    "directoryUrl": "https://www.uipicks.top/ai/sites/spell/index.html",
    "jsonUrl": "https://www.uipicks.top/ai/sites/spell/index.json",
    "code": true,
    "prompt": false,
    "entryCount": 32,
    "scope": {
      "status": "公开目录",
      "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
      "capturedAt": "2026-10-13"
    },
    "offers": [
      {
        "id": "catalog",
        "label": "已收录的公开组件源码",
        "platforms": [
          "web"
        ],
        "resources": [
          "code"
        ],
        "frameworks": [
          "react"
        ],
        "pricing": [
          "free"
        ],
        "evidence": [
          {
            "kind": "saved",
            "url": "https://github.com/xxtomm/spell-ui/blob/main/LICENSE",
            "date": "2026-10-13",
            "note": "已收录的官网用途说明与标签：可复制的 React 组件，适合文字效果、卡片与界面动效。"
          },
          {
            "kind": "saved",
            "url": "https://github.com/xxtomm/spell-ui",
            "date": "2026-10-13",
            "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
          }
        ]
      }
    ],
    "featuredSamples": []
  },
  "pagination": {
    "page": 1,
    "pageSize": 80,
    "totalEntries": 32,
    "totalPages": 1,
    "offset": 0,
    "previous": null,
    "next": null
  },
  "entries": [
    {
      "id": "0537a39db01751ae",
      "title": "Light Rays",
      "url": "https://spell.sh/docs/light-rays",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "12738eacde6ad469",
      "title": "Exploding Input",
      "url": "https://spell.sh/docs/exploding-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3ee1794c0def28bd",
      "title": "Spotify Card",
      "url": "https://spell.sh/docs/spotify-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "632f376aa8bd8ef6",
      "title": "Pop Button",
      "url": "https://spell.sh/docs/pop-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "efeee052ad8259cc",
      "title": "Signature",
      "url": "https://spell.sh/docs/signature",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "60d466fe78381ac5",
      "title": "Animated Gradient",
      "url": "https://spell.sh/docs/animated-gradient",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ec4dab77a902fdac",
      "title": "Chart",
      "url": "https://spell.sh/docs/chart",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a9e8648c15132826",
      "title": "Badge",
      "url": "https://spell.sh/docs/badge",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "徽章",
        "状态标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "70fa282bf14c0618",
      "title": "Keyboard Shortcuts",
      "url": "https://spell.sh/docs/kbd",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "176a984dda5b14ef",
      "title": "Marquee",
      "url": "https://spell.sh/docs/marquee",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "443225e56e557ac0",
      "title": "Tweet",
      "url": "https://spell.sh/docs/tweet",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "00ad1334edcd2707",
      "title": "Logos Carousel",
      "url": "https://spell.sh/docs/logos-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7459f85ba88ca631",
      "title": "QR Code",
      "url": "https://spell.sh/docs/qr-code",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cc87d6d0ca74be57",
      "title": "Fallback Avatar",
      "url": "https://spell.sh/docs/fallback-avatar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "头像"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "105b1d5938f875bc",
      "title": "Blur Reveal",
      "url": "https://spell.sh/docs/blur-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场",
        "模糊"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7efe266fd4af03fb",
      "title": "Special Text",
      "url": "https://spell.sh/docs/special-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dc1e0fcf625c8326",
      "title": "Shimmer Text",
      "url": "https://spell.sh/docs/shimmer-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "流光",
        "闪烁",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b828c435849ed3e4",
      "title": "Highlighted Text",
      "url": "https://spell.sh/docs/highlighted-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "df3c9ef7b7eb36e4",
      "title": "Slide Up Text",
      "url": "https://spell.sh/docs/slide-up-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e7af26ae88d3f246",
      "title": "Text Marquee",
      "url": "https://spell.sh/docs/text-marquee",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1c23ef627961956a",
      "title": "Words Stagger",
      "url": "https://spell.sh/docs/words-stagger",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "交错",
        "逐个出现"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d8b238f675bc79b9",
      "title": "Randomized Text",
      "url": "https://spell.sh/docs/randomized-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bc451abf051ad186",
      "title": "Gradient Wave Text",
      "url": "https://spell.sh/docs/gradient-wave-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "30fe0bca204b514c",
      "title": "Rich Button",
      "url": "https://spell.sh/docs/rich-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "827f3b83571c8e5a",
      "title": "Flow Button",
      "url": "https://spell.sh/docs/flow-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bcc32cf04d97b4b2",
      "title": "Copy Button",
      "url": "https://spell.sh/docs/copy-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d0d24ea5565f54c5",
      "title": "Color Selector",
      "url": "https://spell.sh/docs/color-selector",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5fb49bac6da0675b",
      "title": "Label Input",
      "url": "https://spell.sh/docs/label-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6f0b1963a8b9617a",
      "title": "Animated Checkbox",
      "url": "https://spell.sh/docs/animated-checkbox",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "复选框",
        "多选框",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8234b2ad1983f520",
      "title": "Spinner",
      "url": "https://spell.sh/docs/spinner",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "转圈"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4ebe46e854aded71",
      "title": "Bars Spinner",
      "url": "https://spell.sh/docs/bars-spinner",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "转圈"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d96fbe9fbc1fe5b6",
      "title": "Tilt Card",
      "url": "https://spell.sh/docs/tilt-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://spell.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}