animal-island-ui 是一个基于 React 与 TypeScript 构建的轻量级 UI 组件库，主打原创的治愈系岛屿风格设计语言。它的每一个视觉元素、布局、图标与动画都从零手绘完成，而非套用现成素材，因此整体观感统一且辨识度极高。项目以 npm 包形式发布，安装后只需额外引入样式文件即可使用 Button、Card、Modal、Input、Select 等基础组件，适合个人主页、主题博客、儿童类产品等需要温暖氛围的界面场景。官方同时提供在线预览站点与完整设计规范文档，并配套 Vue 版本与独立图标库，方便不同技术栈的团队选用。项目采用 MIT 协议开源，可自由使用、修改与分发。
长期做前端的人大多有过这种体验：打开任何一个后台或官网，按钮、卡片、弹窗长得几乎一模一样，清一色的圆角加阴影，看久了难免审美疲劳。想做出有温度、有记忆点的界面，要么自己从零画图标和动效，成本高得吓人；要么去扒现成素材，又担心版权和风格不统一。更麻烦的是，团队里有人用 React、有人用 Vue，一套设计语言往往要维护两份实现，沟通成本直线上升。审美掉队带来的焦虑，有时候真不比技术落伍轻。
animal-island-ui 把治愈系岛屿美学做成了可直接调用的组件，覆盖从基础控件到文档配套的完整链路，让风格化界面不再依赖设计师全程跟场。
所有图标、插画与动画均为原创绘制，风格统一，无需担心素材版权与拼凑感。
同一套设计语言同步输出两个框架版本，团队选型不必再为技术栈争执。
提供可安装的 Agent Skill 与一键提示词，非开发者也能让 AI 直接产出成品页面。
在组件库高度同质化的当下，它用原创设计语言和 AI 协作能力给出了差异化答案，既省去造轮子的时间，也保留了界面的个性。
像素级设计规范、复刻提示词与开发指南齐备，上手和二次开发都有据可依。
基于 MIT 协议发布，个人与商业项目均可使用，只需保留版权声明。
项目地址：github.com/guokaigdg/animal-island-ui，在线预览可直接体验组件效果。
千篇一律的组件库看烦了？审美掉队，往往比技术落伍还让人焦虑吧。
Animal Island UI 把动森风格的治愈美学直接搬进了前端世界，基于 React 和 TypeScript 构建，用在个人站、博客或儿童产品上特别对味。
几个让人眼前一亮的点：
① 每个像素都由作者亲手绘制，绝不是扒官方素材充数
② React 和 Vue 双版本同步输出，团队内部不用再为框架吵架
③ 完美覆盖 PC 和移动端，别再拿“以后再说”当挡箭牌
④ Button、Card、Modal、Input、Select 这些基础组件一应俱全
⑤ 文档卷出天际——AI 一键生成手册、复刻提示词、像素级规范全给你备好了
动森风格的个人主页、儿童口语练习站、主题博客、安卓 UI 库，统统都能搞定。
🔗 预览：https://guokaigdg.github.io/animal-island-ui/#/
🔗 GitHub：https://github.com/guokaigdg/animal-island-ui
⚠️ 注意：非商用学习随便用，商用前自己把授权搞清楚。
