Introduction

Cute-Kitty-UI

Welcome to Cute-Kitty-UI, an adorable cat-themed React component library!

Features

  • Customizable Cat Components: Various cat poses and emotions
  • Animation Support: Bring your cats to life with smooth animations
  • Composition Components: Special components like cats holding signs
  • Accessibility: Built with accessibility in mind
  • TypeScript Support: Fully typed components for better developer experience

Quick Start

Install Cute-Kitty-UI using our CLI:

# Install the CLI globally
npm install -g cute-kitty-ui-cli
 
# Create a new project with Cute-Kitty-UI
cute-kitty-ui-cli create my-cat-app
 
# Or add to an existing project
cute-kitty-ui-cli install --all

Or install directly with npm/yarn/pnpm:

npm install cute-kitty-ui-core cute-kitty-ui-registry

Basic Usage

import { SittingCat, HoldingSignCat } from 'cute-kitty-ui-registry';
 
function App() {
  return (
    <div>
      <SittingCat 
        primaryColor="#FF6B6B" 
        emotion="happy" 
        animated={true} 
      />
      
      <HoldingSignCat 
        primaryColor="#4ECDC4" 
        signText="Hello World!" 
      />
    </div>
  );
}

Why Cute-Kitty-UI?

Cute-Kitty-UI adds a touch of playfulness to your applications with adorable cat components. Perfect for:

  • Error pages
  • Loading states
  • Empty states
  • Onboarding experiences
  • Any place that needs a bit of feline charm!

Explore the documentation to discover all the components and features available in Cute-Kitty-UI.

Getting Started