Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thekavikumar/love-simple-ui
An open-source, light-weighted, tailwindcss supported UI library for developers to make their life easier :)
https://github.com/thekavikumar/love-simple-ui
gssoc npm-package open-source react-component-library react-components reactjs tailwindcss typescript ui ui-components uikit
Last synced: 3 days ago
JSON representation
An open-source, light-weighted, tailwindcss supported UI library for developers to make their life easier :)
- Host: GitHub
- URL: https://github.com/thekavikumar/love-simple-ui
- Owner: thekavikumar
- License: mit
- Created: 2022-12-02T07:41:09.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2023-07-20T17:21:52.000Z (over 1 year ago)
- Last Synced: 2024-10-29T23:07:46.620Z (17 days ago)
- Topics: gssoc, npm-package, open-source, react-component-library, react-components, reactjs, tailwindcss, typescript, ui, ui-components, uikit
- Language: TypeScript
- Homepage: https://love-simple-ui.vercel.app
- Size: 3.44 MB
- Stars: 53
- Watchers: 3
- Forks: 95
- Open Issues: 117
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: license.md
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
#
## 💻Tech Stack
#
## 🤔 What is Love-Simple-UI
`love-simple-ui` is an open-source, lightweight, and highly customizable UI library with integrated Tailwind CSS, designed to provide an attractive and efficient user interface for web applications.
## Features
- **Lightweight**: love-simple-ui is designed to be lightweight, ensuring fast loading times and optimal performance for your web applications.
- **Customizable**: With love-simple-ui, you have the freedom to customize every aspect of your user interface to match your desired style and branding. Tailwind CSS integration makes it even easier to tweak the UI to your liking.
- **Beautiful Design**: The UI components provided by love-simple-ui are thoughtfully designed to be visually appealing and user-friendly, ensuring a delightful user experience.
- **Responsive**: love-simple-ui is built with responsiveness in mind, ensuring that your web application looks great on any device or screen size.
- **Easy to Use**: The library is designed to be beginner-friendly, allowing developers to quickly and effortlessly integrate it into their projects. The intuitive API and well-documented code make it easy to get started.
- **Comprehensive Documentation**: love-simple-ui comes with comprehensive documentation that guides you through the installation process and provides detailed examples and usage instructions for each component.
#
## 📦️ Installation
To install love-simple-ui via npm, follow these steps:
- Open a terminal window and navigate to your project directory
- Run the following command:
```bash
npm install love-simple-ui # Wait for the installation to complete.
```
- If you want to add it as a development dependency
```bash
npm install love-simple-ui --save-dev
```
- Alternatively, you can add love-simple-ui as a dependency to your project by including it in your package.json file.
```bash
npm install love-simple-ui --save
```
#
## 🛠️ Usage
To use love-simple-ui in your project, you must first import the library into your project. To do this, add the following line to the top of your JavaScript file:
```jsx
import { component } from "love-simple-ui";
```
Once you've imported the library, you can use any of the components it contains. For example, to use the PrimaryButton component, simply add the following line to your code:
```jsx
import { Buttton1 } from "love-simple-ui";
function App() {
return (
Hello World!
);
}
```
#
## 😍 Contributing
Contributions are welcomed! If you'd like to contribute to love-simple-ui, please follow these steps:
- Fork this repository
- First clone the forked repository to your local System:
```bash
git clone
```
- Create a new branch:
```bash
git checkout -b
```
- Make your changes and commit them:
```bash
git commit -m ''
```
- Push to the original branch:
```bash
git push origin love-simple-ui/
```
- Create the pull request from **Pull request** tab
Alternatively, you can create a new issue if you find a bug or have a feature request.
#
## License
Licensed under the [MIT License](https://choosealicense.com/licenses/mit/).
#
## Contributors
