{
  "schemaVersion": 1,
  "updatedAt": "2026-10-18",
  "source": {
    "id": "reactbits",
    "name": "React Bits",
    "description": "创意 React 组件，从文字动画到轮播和动态背景。",
    "category": "UI 组件库",
    "tags": [
      "React",
      "创意组件",
      "提供代码"
    ],
    "url": "https://reactbits.dev/",
    "directoryUrl": "https://www.uipicks.top/ai/sites/reactbits/index.html",
    "jsonUrl": "https://www.uipicks.top/ai/sites/reactbits/index.json",
    "code": true,
    "prompt": false,
    "entryCount": 215,
    "scope": {
      "status": "公开目录",
      "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
      "capturedAt": "2026-10-13"
    },
    "offers": [
      {
        "id": "free-components",
        "label": "免费 React 动效组件",
        "platforms": [
          "web"
        ],
        "resources": [
          "code"
        ],
        "frameworks": [
          "react"
        ],
        "pricing": [
          "free"
        ],
        "evidence": [
          {
            "kind": "live",
            "url": "https://reactbits.dev/",
            "date": "2026-10-18",
            "note": "官方页面标题明确为免费 React 动效组件，安装内容为组件源码。"
          }
        ]
      },
      {
        "id": "pro-resources",
        "label": "React Bits Pro 资源",
        "platforms": [
          "web"
        ],
        "resources": [
          "code",
          "template"
        ],
        "frameworks": [
          "react"
        ],
        "pricing": [
          "unknown"
        ],
        "evidence": [
          {
            "kind": "live",
            "url": "https://reactbits.dev/pro",
            "date": "2026-10-18",
            "note": "官方有独立 Pro 组件、区块与模板入口；本轮未读取到清晰费用条件，暂标未确认。"
          }
        ]
      }
    ],
    "featuredSamples": [
      {
        "id": "reactbits-1",
        "title": "Circular Carousel · 环形轮播",
        "url": "https://reactbits.dev/components/circular-carousel",
        "sourceKind": "组件实例页",
        "note": "这里是原站组件的静态截帧；完整动效和参数可在实例页查看。",
        "linkType": "detail"
      },
      {
        "id": "reactbits-2",
        "title": "Split Text · 文字逐字出现",
        "url": "https://reactbits.dev/text-animations/split-text",
        "sourceKind": "组件实例页",
        "note": "这里是原站组件的静态截帧；完整动效和参数可在实例页查看。",
        "linkType": "detail"
      },
      {
        "id": "reactbits-3",
        "title": "Aurora · 极光背景",
        "url": "https://reactbits.dev/backgrounds/aurora",
        "sourceKind": "组件实例页",
        "note": "这里是原站组件的静态截帧；完整动效和参数可在实例页查看。",
        "linkType": "detail"
      }
    ]
  },
  "pagination": {
    "page": 3,
    "pageSize": 80,
    "totalEntries": 215,
    "totalPages": 3,
    "offset": 160,
    "previous": "page-2.json",
    "next": null
  },
  "entries": [
    {
      "id": "f4339af598ad0e2e",
      "title": "CRT Warp",
      "url": "https://reactbits.dev/backgrounds/crt-warp",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f5f902ed7d85dcd8",
      "title": "Molten Metal",
      "url": "https://reactbits.dev/backgrounds/molten-metal",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d692bc0b7b470ef2",
      "title": "Gradient Waves",
      "url": "https://reactbits.dev/backgrounds/gradient-waves",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a80fb5fa4478d535",
      "title": "Web Threads",
      "url": "https://reactbits.dev/backgrounds/web-threads",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6dd6594b8fdc6a92",
      "title": "Topography",
      "url": "https://reactbits.dev/backgrounds/topography",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4735623e5b886a7e",
      "title": "Light Tunnel",
      "url": "https://reactbits.dev/backgrounds/light-tunnel",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "aad0c986cb7b5080",
      "title": "Sliced Waves",
      "url": "https://reactbits.dev/backgrounds/sliced-waves",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a42af75a3da42d1c",
      "title": "Acid Squares",
      "url": "https://reactbits.dev/backgrounds/acid-squares",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e3150e20daa18f74",
      "title": "Scanner",
      "url": "https://reactbits.dev/backgrounds/scanner",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f980f7a41c94103d",
      "title": "Ferrofluid",
      "url": "https://reactbits.dev/backgrounds/ferrofluid",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a59495273c5e945a",
      "title": "Lightfall",
      "url": "https://reactbits.dev/backgrounds/lightfall",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2f4494eb4e49db2b",
      "title": "Liquid Ether",
      "url": "https://reactbits.dev/backgrounds/liquid-ether",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "086d8922621f0bab",
      "title": "Prism",
      "url": "https://reactbits.dev/backgrounds/prism",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4670e4e0201184c0",
      "title": "Dark Veil",
      "url": "https://reactbits.dev/backgrounds/dark-veil",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fc647413b732b15a",
      "title": "Light Pillar",
      "url": "https://reactbits.dev/backgrounds/light-pillar",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fb98334ec2749e6c",
      "title": "Silk",
      "url": "https://reactbits.dev/backgrounds/silk",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4a202ace14580737",
      "title": "Floating Lines",
      "url": "https://reactbits.dev/backgrounds/floating-lines",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b5a44ec23d682bc0",
      "title": "Side Rays",
      "url": "https://reactbits.dev/backgrounds/side-rays",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "01efc185dfdd4da8",
      "title": "Light Rays",
      "url": "https://reactbits.dev/backgrounds/light-rays",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "442e1fdfa844acc5",
      "title": "Pixel Blast",
      "url": "https://reactbits.dev/backgrounds/pixel-blast",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9fa76e977b6c6047",
      "title": "Color Bends",
      "url": "https://reactbits.dev/backgrounds/color-bends",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8a9e0e5a592d1146",
      "title": "Line Waves",
      "url": "https://reactbits.dev/backgrounds/line-waves",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "折线",
        "线条"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "579367a81ed445ce",
      "title": "Radar",
      "url": "https://reactbits.dev/backgrounds/radar",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "474cae78a7da214f",
      "title": "Soft Aurora",
      "url": "https://reactbits.dev/backgrounds/soft-aurora",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2bad86ce6aae4dd3",
      "title": "Magic Rings",
      "url": "https://reactbits.dev/backgrounds/magic-rings",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bfc0c88fff608b80",
      "title": "Aurora",
      "url": "https://reactbits.dev/backgrounds/aurora",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "16876f9f685a2379",
      "title": "Plasma",
      "url": "https://reactbits.dev/backgrounds/plasma",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ea960733b6e41a74",
      "title": "Plasma Wave",
      "url": "https://reactbits.dev/backgrounds/plasma-wave",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "65942892027bd6fc",
      "title": "Particles",
      "url": "https://reactbits.dev/backgrounds/particles",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "粒子"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a7eb2ee77f8b0ee1",
      "title": "Gradient Blinds",
      "url": "https://reactbits.dev/backgrounds/gradient-blinds",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f6ed91ea65026f67",
      "title": "Grainient",
      "url": "https://reactbits.dev/backgrounds/grainient",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e38ef821a6e44846",
      "title": "Grid Scan",
      "url": "https://reactbits.dev/backgrounds/grid-scan",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "48b509b85cecb332",
      "title": "Beams",
      "url": "https://reactbits.dev/backgrounds/beams",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "48bd08e5e0a84cbc",
      "title": "Pixel Snow",
      "url": "https://reactbits.dev/backgrounds/pixel-snow",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "80c41ca2860cdec2",
      "title": "Lightning",
      "url": "https://reactbits.dev/backgrounds/lightning",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "00ed54a5ebe6ebe8",
      "title": "Prismatic Burst",
      "url": "https://reactbits.dev/backgrounds/prismatic-burst",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4436e0afc27dc04b",
      "title": "Galaxy",
      "url": "https://reactbits.dev/backgrounds/galaxy",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "002b9c3e42d2a952",
      "title": "Dither",
      "url": "https://reactbits.dev/backgrounds/dither",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3b30df094fcbf95f",
      "title": "Faulty Terminal",
      "url": "https://reactbits.dev/backgrounds/faulty-terminal",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "终端"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9c571dda241503f4",
      "title": "Ripple Grid",
      "url": "https://reactbits.dev/backgrounds/ripple-grid",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "网格",
        "涟漪",
        "波纹"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5113c17911e13cb5",
      "title": "Dot Field",
      "url": "https://reactbits.dev/backgrounds/dot-field",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f0434513971d9771",
      "title": "Dot Grid",
      "url": "https://reactbits.dev/backgrounds/dot-grid",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "eadadab35a8a445b",
      "title": "Threads",
      "url": "https://reactbits.dev/backgrounds/threads",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2182e3451968bd03",
      "title": "Hyperspeed",
      "url": "https://reactbits.dev/backgrounds/hyperspeed",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "28aba049ade2b91a",
      "title": "Iridescence",
      "url": "https://reactbits.dev/backgrounds/iridescence",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1433b9fd14ed4112",
      "title": "Waves",
      "url": "https://reactbits.dev/backgrounds/waves",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7cfcfde03ec25ce0",
      "title": "Magnet Lines",
      "url": "https://reactbits.dev/backgrounds/magnet-lines",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fb1d47600322d4fb",
      "title": "Grid Distortion",
      "url": "https://reactbits.dev/backgrounds/grid-distortion",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c7aa4dba86bec725",
      "title": "Ballpit",
      "url": "https://reactbits.dev/backgrounds/ballpit",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a4a75fe429dd86a5",
      "title": "Orb",
      "url": "https://reactbits.dev/backgrounds/orb",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "89684c9f767a7573",
      "title": "Letter Glitch",
      "url": "https://reactbits.dev/backgrounds/letter-glitch",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a04d87f47114fd52",
      "title": "Grid Motion",
      "url": "https://reactbits.dev/backgrounds/grid-motion",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "网格",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "28ec0599c40ee1c2",
      "title": "Shape Grid",
      "url": "https://reactbits.dev/backgrounds/shape-grid",
      "kind": "动效",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "25f9e0ba85ae738e",
      "title": "Liquid Chrome",
      "url": "https://reactbits.dev/backgrounds/liquid-chrome",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d604a5a8015c527a",
      "title": "Balatro",
      "url": "https://reactbits.dev/backgrounds/balatro",
      "kind": "动效",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://reactbits.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}