Animal Island UI

Overview

Animal Island UI is a playful component library inspired by the charming aesthetic of *Animal Crossing: New Horizons*. Built with React and Vue, it features organic claymorphic shadows, pastel color palettes, and cheerful bouncy animations.

Key Features

• Animal Crossing Aesthetic: Claymorphic rounded shapes, dialogue bubbles, recipe cards, and leaf badges.
• React & Vue 3 Support: Native packages available for both major framework ecosystems.
• Playful Spring Physics: Bouncy, organic hover interactions and cheerful sound effect hooks.
• TypeScript Native: Full typing support for props, colors, and variant options.

Installation & Quick Start

npm install animal-island-ui

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

export default function App() {
  return (
    <DialogBox character="Tom Nook">
      <AnimalButton color="green">Catch Fish</AnimalButton>
    </DialogBox>
  );
}

Why Choose Animal Island UI?

• Best for: Gaming fan sites, educational apps, kids' platforms, and playful indie products.
• Not suitable for: Serious corporate B2B platforms.