/love-simple-ui

An open-source, light-weighted UI library for developers to make their life easier :)

Primary LanguageTypeScriptMIT LicenseMIT

Love Simple UI

Travis Status weekly download weekly download license GitHub issues

GitHub forks

💻Tech Stack

typescript javascript css

🤔 What is Love-Simple-UI

Welcome to love-simple-ui, it is a lightweight and fast library that provides a set of simple and easy-to-use UI components for React applications. These components are designed to be intuitive, customizable, and responsive, making it easy for developers to quickly create clean and modern user interfaces.

  • One of the key features of love-simple-ui is its lightweight design. The package is optimized to have a minimal impact on application performance, allowing it to load quickly and operate smoothly. This is achieved by using only the essential code necessary to provide the desired functionality, without any unnecessary overhead or bloat.

  • In addition to being lightweight, love-simple-ui is also fast. The library is optimized for performance, ensuring that even complex UI components can be rendered quickly and efficiently. This is achieved by using efficient algorithms, minimizing the number of DOM updates required, and leveraging other performance optimization techniques.

  • Overall, love-simple-ui is an excellent choice for developers who want to create fast and lightweight React applications with simple and intuitive user interfaces. Whether you are building a simple web application or a more complex enterprise application, love-simple-ui can help you create a great user experience without sacrificing performance.

📄 Documentation

Follow this link https://love-simple-ui.vercel.app/ to know more about different components.

📦️ 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:
    npm install love-simple-ui # Wait for the installation to complete.
  • If you want to add it as a development dependency
    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.
    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:

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:

import { PrimaryButton } from "love-simple-ui";

function App() {
  return (
    <div className="App">
      <PrimaryButton text="Hello there!" />
    </div>
  );
}

😍 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:
git clone <repository Url or ssh>
  • Create a new branch:
git checkout -b <branch_name>
  • Make your changes and commit them:
git commit -m '<commit_message>'
  • Push to the original branch:
git push origin love-simple-ui/<location>
  • 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.

Contributors

(Back to top)