A modern, lightweight, and reusable React component library built with TypeScript.

Build beautiful React applications faster with customizable UI components, two-way data binding, and a developer-friendly API.

React Lib is designed to make UI development simple, fast, and maintainable.

It provides reusable components with an object-oriented approach, allowing state and UI to stay synchronized with minimal boilerplate.

• 🎨 Modern and clean UI
• ⚡ Built with React + TypeScript
• 📦 Lightweight package
• 🔄 Two-way data binding
• 🧩 Reusable architecture
• 📱 Responsive components
• 🎯 Strong TypeScript support
• 🛠 Highly customizable
• 🚀 Easy integration

Using npm

npm install @cs7player/react-lib

Using Yarn

yarn add @cs7player/react-lib

Using pnpm

pnpm add @cs7player/react-lib

import '@cs7player/react-lib/styles.css';

import '@cs7player/react-lib/styles.css';

import { Button, ButtonLib } from '@cs7player/react-lib';

function App() {
 const button = new Button('Click Me');

 return <ButtonLib button={button} />;
}

export default App;

Documentation, examples, and API reference are available on GitHub.

https://github.com/CS7player/x-library

Clone the repository

git clone https://github.com/CS7player/x-library.git

Install dependencies

npm install

Build the library

npm run build

Link locally

npm link

In your local React project

npm link @cs7player/react-lib

const textField = new TextField('Username');

<TextFieldLib textField={textField} />;

Contributions are always welcome!

1. Fork the repository.
2. Create a feature branch.

git checkout -b feature/my-feature

3. Commit your changes.

git commit -m "Add awesome feature"

4. Push your branch.

git push origin feature/my-feature

5. Open a Pull Request.

Distributed under the MIT License.

See the LICENSE file for more information.

Chandra Sekhar

GitHub: https://github.com/CS7player

⭐ If you find this project useful, consider giving it a star on GitHub!