Cute React UI Components
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.vscode
docs
src
styleguide
.babelrc
.eslintrc
.gitignore
.npmignore
.prettierrc
README.md
humans.txt
license
package-lock.json
package.json
robots.txt
styleguide.config.js
webpack.config.js
yarn.lock

README.md

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.

Version

Example

React Kawaii 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:

  • Browser - A cute browser
  • CreditCard - A cute credit card
  • Ghost - A cute ghost
  • IceCream - A cute ice-cream
  • Mug - A cute mug
  • Planet - A cute planet
  • SpeechBubble - A cute speech bubble
  • More Kawaii components coming soon...

Contributors