A library of cute SVG illustrations react components
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
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.
Example
Install
npm install --save react-kawaii
How to use
import { Planet } from 'react-kawaii';
const Example = () => <Planet size={200} mood="blissful" color="#FDA7DC" />;
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
Documentation
See https://react-kawaii.now.sh/
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:
- [x] Backpack - A cute backpack
- [x] Browser - A cute browser
- [x] Cat - A cute cat
- [x] CreditCard - A cute credit card
- [x] File - A cute file
- [x] Ghost - A cute ghost
- [x] IceCream - A cute ice-cream
- [x] Mug - A cute mug
- [x] Planet - A cute planet
- [x] SpeechBubble - A cute speech bubble
- [x] More Kawaii components coming soon...
Contributors
Github Repository
Tags: #React #SVG #Animation