Animal Island UI

项目概述

Animal Island UI 拥有超过 4,400 GitHub Stars，是一款以任天堂著名游戏《动物之森》为视觉灵感的治愈系开源组件库。完美还原了动森标志性的圆润黏土拟态（Claymorphism）、手写对话气泡与树叶徽章。

核心特性

• 动森原味治愈美学：包含动物村民对话框、DIY 配方卡片、家具收纳网格与草地纹理卡片。
• ⚡️ React & Vue 3 双端原生：在两大框架中均提供 100% 还原的原生组件包支持。
• Q 弹物理回弹手感：内置欢快的弹簧弹性动效与可配置的原汁原味交互音效。
• 全量 TypeScript 驱动：类型完备，支持自由调整马卡龙温润配色。

快速上手与示例代码

npm install animal-island-ui

import { AnimalButton, DialogBox } from 'animal-island-ui';

export default function IslandDemo() {
  return (
    <DialogBox character="狸克">
      <AnimalButton color="green">前往无人岛移居</AnimalButton>
    </DialogBox>
  );
}

技术选型建议与适用场景

• 非常适合：二次元与游戏社区、治愈系个人博客、少儿益智应用及需要极强亲和力与趣味性的 Web 产品。
• 不适用场景：严肃的金融科技平台或政企管理控制台。