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.

react-kawaii-logo@2x

Documentation Download Source

Install

npm install --save-dev react-kawaii

How to use

import {KawaiiPlanet} from 'react-kawaii';

const Example = () => (
 <KawaiiPlanet size={200} mood="blissful" color="#FDA7DC" text="Hello World!" />
)

Development

So you want to help developing some cute UI components?

If you want to develop a component

  • npm i

  • npm run styleguide

If you want to build

  • npm run styleguide:build

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, the size and a text.

Available components:

  • [x] KawaiiBrowser - A cute browser.
  • [x] KawaiiIceCream - A cute ice-cream.
  • [x] KawaiiPlanet - A cute planet.
  • [x] More Kawaii components coming soon...

GitHub