elizabetdev/react-kawaii

Cute SVG React Components

TypeScript

2,956

302 commits

updated Sep 28, 2025

See the code

README

React Kawaii

Version npm

Welcome to React Kawaii! This repository contains both the website and the React package.

React Kawaii is an open source library of cute SVG illustrations. Perfect if you want to give some cuteness to your React App.

React Kawaii Logo

Website

The website for React Kawaii is located in the apps/website directory. It serves as a documentation hub and may also include demos, tutorials, and other resources related to the project.

To start the website locally:

  1. Navigate to the apps/website directory.
  2. Install dependencies with pnpm install.
  3. Run the development server with pnpm start.

React Package

The React package, named react-kawaii, is located in the packages/react-kawaii directory. It contains the source code for the React components.

To use the react-kawaii package in your projects:

  1. Install it from npm or yarn:

    npm install --save react-kawaii
    

    or

    yarn add react-kawaii
    
  2. Import the components you need in your React application:

    import { Planet } from 'react-kawaii';
    
    const MyComponent = () => {
      return <Planet size={200} mood="blissful" color="#FDA7DC" />;
    };
    

Example

React Kawaii Example

For detailed documentation and usage examples, visit the React Kawaii documentation website.

Contributing

Contributions to React Kawaii are welcome! Feel free to open issues or pull requests if you have any suggestions, bug fixes, or improvements.

License

This project is licensed under the MIT License.

components
cute
design
icons
illustration
kawaii
react-component
svg
svg-icons
svg-illustrations

elizabetdev/react-kawaii

Cute SVG React Components

TypeScript

2,956

302 commits

updated Sep 28, 2025

See the code

README

React Kawaii

Version npm

Welcome to React Kawaii! This repository contains both the website and the React package.

React Kawaii is an open source library of cute SVG illustrations. Perfect if you want to give some cuteness to your React App.

React Kawaii Logo

Website

The website for React Kawaii is located in the apps/website directory. It serves as a documentation hub and may also include demos, tutorials, and other resources related to the project.

To start the website locally:

  1. Navigate to the apps/website directory.
  2. Install dependencies with pnpm install.
  3. Run the development server with pnpm start.

React Package

The React package, named react-kawaii, is located in the packages/react-kawaii directory. It contains the source code for the React components.

To use the react-kawaii package in your projects:

  1. Install it from npm or yarn:

    npm install --save react-kawaii
    

    or

    yarn add react-kawaii
    
  2. Import the components you need in your React application:

    import { Planet } from 'react-kawaii';
    
    const MyComponent = () => {
      return <Planet size={200} mood="blissful" color="#FDA7DC" />;
    };
    

Example

React Kawaii Example

For detailed documentation and usage examples, visit the React Kawaii documentation website.

Contributing

Contributions to React Kawaii are welcome! Feel free to open issues or pull requests if you have any suggestions, bug fixes, or improvements.

License

This project is licensed under the MIT License.

components
cute
design
icons
illustration
kawaii
react-component
svg
svg-icons
svg-illustrations

Significant stargazers

(top 24 of 27)

Mior Muhammad Zaki

1,789 followers · starred Dec 2018

Brent Jackson

6,103 followers · starred Jun 2018

Steve Loria

1,852 followers · starred Dec 2018

typicode

10,235 followers · starred May 2017