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.
npm install --save-dev react-kawaii
import {KawaiiPlanet} from 'react-kawaii';
const Example = () => (
<KawaiiIceCream size={200} mood="blissful" color="#FDA7DC" hoverText="Hello World!"/>
)
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
See https://miukimiu.github.io/react-kawaii/ and try to edit sample code.
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:
- KawaiiPlanet - A cute planet.
- KawaiiIceCream - A cute ice-cream.
- More Kawaaii components available soon...
React