投稿 提交工具 投放合作

islandcn:React 灵动岛风格组件库

NEW
421 39 TypeScript 2026-11-14 访问官网 ↗ 在 GitHub 打开

通过 shadcn 安装的灵动岛风格 React 组件,把上传、计时、来电、录音等动态集中到应用顶部的一个岛中展示。

islandcn 是一个面向 React 应用的灵动岛风格组件库,通过 shadcn 的 registry 机制安装。核心引擎位于 lib/island/(registry 项 island-core),用纯 React 实现活动栈、四种呈现状态(idle、compact、split、expanded)、弹簧动画、长按、提醒与减弱动效支持;弹簧参数依据真实灵动岛的逐帧录制拟合,但这些录制文件不在仓库中,因此 /compare 页面和读取录制的测试当前无法工作,/lab 仍可用内置序列播放过渡。预设组件位于 components/islandcn/,包括上传、计时、正在播放、来电、行程或配送 ETA、录音、附近传输、电量和分屏等,每个预设都是建立在引擎之上的单文件。仓库还提供 /playground,可从预设或空白活动搭建自己的岛、触发各类动作、调节动效并复制安装命令与代码;另有站点与文档。可选的 islandcn-skill registry 项供编码代理作为安装辅助使用。项目以 MIT 许可发布,与 Apple 无关联。