react-kawaii
    DefinitelyTyped icon, indicating that this package has TypeScript declarations provided by the separate @types/react-kawaii package

    0.17.0 • Public • Published

    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 npm

    Example

    React Kawaii Example

    Install

    With npm:

    npm install --save react-kawaii

    With yarn:

    yarn add react-kawaii

    How to use

    import { Planet } from 'react-kawaii';
    
    const Example = () => <Planet size={200} mood="blissful" color="#FDA7DC" />;

    How to use with React Native

    import { Planet } from 'react-kawaii/lib/native/';
    
    const Example = () => <Planet size={200} mood="blissful" color="#FDA7DC" />;

    Depending on your react and react-native version, you might need to to install the package react-native-svg:

    With npm:

    npm install react-native-svg

    With yarn:

    yarn add react-native-svg

    Link react-native:

    react-native link react-native-svg

    Read the react-native-svg documentation in case you need help.

    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] Chocolate - A cute chocolate
    • [x] CreditCard - A cute credit card
    • [x] File - A cute file
    • [x] Folder - A cute folder
    • [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

    Thanks to everyone who has contributed to this project! You can find the contributors list here.

    Install

    npm i react-kawaii

    DownloadsWeekly Downloads

    864

    Version

    0.17.0

    License

    MIT

    Unpacked Size

    164 kB

    Total Files

    66

    Last publish

    Collaborators

    • miukimiu