Library animal-island-ui 可爱治愈风 React 组件库

大多数组件库走的是严肃、中规中矩的企业风，当你想给产品一点温度、做面向年轻人的治愈系界面时，很难直接套用。自己从零画一套插画风组件又太耗时。
Animal-Island-UI 是一个用 React + TypeScript 写的轻量组件库，拥有原创的『小岛』治愈系设计语言，图标、动画、布局都从零手绘。它内置 40 多个组件并遵循 WAI-ARIA 无障碍规范。

项目基本信息

一、项目介绍

animal-island-ui（A Kawaii React UI component library 一个可爱的 React UI 组件库），可爱治愈风 React 组件库。它把相关能力封装成开箱即用的形态，让开发者无需从零搭建即可直接落地，下文从优势、场景到安装使用逐一展开。

二、核心优势

• 原创治愈系视觉语言，区别于千篇一律的企业组件
• React + TypeScript 编写，类型友好
• 内置 40+ 组件并兼顾无障碍（WAI-ARIA）
• 轻量，每个视觉元素与动画均为手写定制

三、适用场景

• 面向 C 端、需要差异化视觉的产品
• 活动页、情感化运营界面、个人项目
• 想要温暖可爱风格又不想从零造组件的团队

四、安装教程

通过 npm 安装：

npm install animal-island-ui

常见报错：版本不兼容的 peerDependency 警告。确认你的 React 版本满足其要求；若仅是警告可先忽略，若报错则升级 React 到受支持的大版本。

五、使用示例

引入组件即可使用：

import { Button, Card } from 'animal-island-ui';

function App() {
  return (
    <Card>
      <Button variant="cozy">开始探索</Button>
    </Card>
  );
}

输入：在 JSX 中放置 <Card> 与 <Button variant="cozy">。
输出：渲染出带治愈系配色与圆角动画的卡片与按钮，无需自备任何插画资源。

六、常见问题

问：适合做严肃后台吗？

答：不太适合。它的定位是情感化、差异化界面，中后台仍建议用 Ant Design 等成熟方案。

问：组件齐全吗？

答：已覆盖 40+ 常用组件，复杂业务组件可能仍需自行扩展。

七、总结

Animal-Island-UI 给 React 项目提供了一整套治愈系原创组件，适合追求视觉差异化、想要温度感界面的产品。