CSS
Cute React UI Components

React Kawaii

React Kawaii is a library of cute SVG illustrations (react components). Ideal if you want to give some cuteness and personality to your react application.

Install

npm install --save-dev react-kawaii

How to use

import {KawaiiPlanet} from 'react-kawaii';

const Example = () => (
 <KawaiiPlanet size={200} mood="sad" color="#83D1FB" />
)

Development

So you want to help developing some cute UI components?

If you want to develop a component

• npm i

• npm run styleguide-server

If you want to build

• npm run styleguide-build

Document

See https://miukimiu.github.io/react-kawaii/ and try to edit sample code.

Components

All the components are SVG illustrations. You can pick different moods: sad, shocked, happy, blissful and lovestruck. You can also choose a color to your Kawaii and the size.

Available components:

• KawaiiPlanet - A cute planet.
• KawaiiIceCream - A cute ice-cream.
• More Kawaaii components available soon...

Prerequisities

React

Contributors

• miukimiu
• aliciacatalina