react-simplicity-lib/README.md

**react-simplicity-lib** is a collection of reusable React components that simplify UI development. This library includes various components like `Toggle`, `Modal`, `Tabs`, `HoverCard`, `Table`, and more, designed for easy integration and customization.

# React Simplicity Library 🛠️

**react-simplicity-lib** is a collection of reusable React components that simplify UI development. This library includes various components like `Toggle`, `Modal`, `Tabs`, `HoverCard`, `Table`, and more, designed for easy integration and customization.

I created this after facing lot of problems in creating simple components so I decided to solve this issue for everyone. The components are simple and elegant. I am sure you will enjoy them ❤️ Please check out this [documentation](https://react-simplicity.netlify.app/)

## **Note**

This library is built entirely with **React JS, using only HTML, CSS, and JavaScript**, making it extremely **lightweight** and **lightning-fast ⚡**

## **Installation**

```bash
npm install react-simplicity-lib
```

or with Yarn:

```bash
yarn add react-simplicity-lib
```

## **Usage**

Import and use the components individually:

```javascript
import { Toggle, Tabs, Tab, Modal } from "react-simplicity-lib";
```

Example of `Tabs` Component:

```jsx
<Tabs Tabs={["Happy", "Sad", "Love"]}>
  <Tab className="tab-display">😊</Tab>
  <Tab className="tab-display">😔</Tab>
  <Tab className="tab-display">❤️</Tab>
</Tabs>
```

## **Available Components**

- **Toggle** – A toggle switch with customizable labels and colors.
- **Modal** – A customizable modal that supports centered display.
- **Tabs** – A tabbed interface for displaying grouped content.
- **Table** – Render data using a dynamic table with columns and rows.
- **HoverCard** – An interactive card with hover effects.
- **TypeWriter** – Displays text with a typewriter animation.

## **Documentation**

Each component in the library includes detailed prop documentation. Check out the [website](https://react-simplicity.netlify.app/) for live examples and props tables.

## **Contributing**

Feel free to submit issues or pull requests on [GitHub](https://github.com/ShantanuDaz/react-simplicity-lib). Contributions are welcome!

<!-- ## **License**

This library is licensed under the MIT License. See the [LICENSE](./LICENSE) file for details. -->

## **Author**

Created by **Shantanu Das** – [LinkedIn](https://www.linkedin.com/in/shantanu-das-86118419a/)