https://github.com/elizabetdev/react-kawaii
Cute SVG React Components
https://github.com/elizabetdev/react-kawaii
components cute design icons illustration kawaii react-component svg svg-icons svg-illustrations
Last synced: 5 months ago
JSON representation
Cute SVG React Components
- Host: GitHub
- URL: https://github.com/elizabetdev/react-kawaii
- Owner: elizabetdev
- License: mit
- Created: 2017-01-22T12:31:18.000Z (over 8 years ago)
- Default Branch: main
- Last Pushed: 2025-01-28T14:16:52.000Z (8 months ago)
- Last Synced: 2025-05-11T16:04:51.235Z (5 months ago)
- Topics: components, cute, design, icons, illustration, kawaii, react-component, svg, svg-icons, svg-illustrations
- Language: TypeScript
- Homepage: https://react-kawaii.vercel.app/
- Size: 43.2 MB
- Stars: 2,928
- Watchers: 29
- Forks: 106
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE.md
Awesome Lists containing this project
README
# React Kawaii
[](https://www.npmjs.com/package/react-kawaii)
Welcome to **React Kawaii**! This repository contains both the website and the React package.
React Kawaii is an open source library of cute SVG illustrations. Perfect if you want to give some cuteness to your React App.
## Website
The website for React Kawaii is located in the `apps/website` directory. It serves as a documentation hub and may also include demos, tutorials, and other resources related to the project.
To start the website locally:
1. Navigate to the `apps/website` directory.
2. Install dependencies with `pnpm install`.
3. Run the development server with `pnpm start`.
## React Package
The React package, named `react-kawaii`, is located in the `packages/react-kawaii` directory. It contains the source code for the React components.
To use the `react-kawaii` package in your projects:
1. Install it from npm or yarn:
```
npm install --save react-kawaii
```
or
```
yarn add react-kawaii
```
2. Import the components you need in your React application:
```javascript
import { Planet } from 'react-kawaii';
const MyComponent = () => {
return ;
};
```
## Example
For detailed documentation and usage examples, visit the [React Kawaii documentation website](https://react-kawaii.vercel.app).
## Contributing
Contributions to React Kawaii are welcome! Feel free to open issues or pull requests if you have any suggestions, bug fixes, or improvements.
## License
This project is licensed under the [MIT License](LICENSE.md).