[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-94795":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":9,"totalLinesOfCode":9,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":9,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":9,"rankLanguage":9,"license":9,"archived":19,"fork":19,"defaultBranch":20,"hasWiki":19,"hasPages":19,"topics":9,"createdAt":9,"pushedAt":9,"updatedAt":21,"readmeContent":22,"aiSummary":23,"trendingCount":16,"starSnapshotCount":16,"syncStatus":24,"lastSyncTime":25,"discoverSource":26},94795,"Libraries","Jakubantalik\u002FLibraries","Jakubantalik","Collection of effects for React: Border beam, Liquid Gooey",null,"https:\u002F\u002Fgithub.com\u002FJakubantalik\u002FLibraries","TypeScript",1991,116,4,3,0,51,56.3,false,"main","2026-08-24 04:01:22","# Libraries\n\nReact libraries by [Jakub Antalik](https:\u002F\u002Fgithub.com\u002FJakubantalik), and the sites that demo them.\n\n| Package | npm | Demo |\n| --- | --- | --- |\n| [`border-beam`](packages\u002Fborder-beam) — animated border beam | `npm install border-beam` | [beam.jakubantalik.com](https:\u002F\u002Fbeam.jakubantalik.com) |\n| [`liquid-gooey`](packages\u002Fliquid-gooey) — liquid Morph & Move effects | `npm install liquid-gooey` | [gooey.jakubantalik.com](https:\u002F\u002Fgooey.jakubantalik.com) |\n\n## Layout\n\n```\npackages\u002F       published libraries — one folder per npm package\nsites\u002F          the demo site for each library\n```\n\nEach package owns its own README and LICENSE, because npm renders the readme\nfrom the package directory rather than the repo root.\n\n## Working on it\n\nnpm workspaces, so one install at the root covers everything:\n\n```bash\nnpm install\n\nnpm run dev -w @sites\u002Fbeam      # beam demo\nnpm run dev -w @sites\u002Fgooey     # gooey demo\n```\n\nBoth sites alias the library to its **source**, so editing a library\nhot-reloads its site with no rebuild.\n\n```bash\nnpm run build:beam              # build one library\nnpm run build:gooey\nnpm run build:site-beam         # library + its site, as CI does\nnpm run build:site-gooey\nnpm run typecheck               # every workspace\n```\n\n## Releasing\n\nPublishing is per package, triggered by a GitHub release (`publish.yml`),\nwhich runs `npm publish -w \u003Cpackage>`.\n\n## Deploys\n\nThe two sites are hosted separately, because GitHub Pages serves one custom\ndomain per repo:\n\n- **beam.jakubantalik.com** — GitHub Pages via `.github\u002Fworkflows\u002Fdeploy.yml`;\n  the domain binding lives in `sites\u002Fbeam\u002Fpublic\u002FCNAME`.\n- **gooey.jakubantalik.com** — Cloudflare Pages, built from this repo with\n  `npm run build:site-gooey`, output `sites\u002Fgooey\u002Fdist`.\n","这是一个为 React 应用提供轻量级交互动画效果的开源库集合，包含 Border Beam（动态光束边框）和 Liquid Gooey（液态形变与融合）两个核心组件。基于 TypeScript 编写，支持开箱即用的 npm 安装与热重载开发，无需额外配置即可集成到现有 React 项目中。组件采用纯 CSS + SVG 或 Canvas 实现，注重性能与可访问性，适用于登录页、仪表盘、产品展示页等需要提升视觉吸引力与用户交互反馈的前端场景。",2,"2026-08-16 02:30:05","trending"]