react-kawaii

前端 框架
一组可爱的 React UI 组件

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:

  • [x] Backpack - A cute backpack
  • [x] Browser - A cute browser
  • [x] Cat - A cute cat
  • [x] CreditCard - A cute credit card
  • [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

react-kawaii 相关推荐
对于该库,你有要推荐的内容么?点此提交推荐
请文明评论,与人为善,比聪明更重要!
评论