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

Note

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

Installation

npm install react-simplicity-lib

or with Yarn:

yarn add react-simplicity-lib

Usage

Import and use the components individually:

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

Example of Tabs Component:

<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 for live examples and props tables.

Contributing

Feel free to submit issues or pull requests on GitHub. Contributions are welcome!

Author

Created by Shantanu Das – LinkedIn