Reactify UI Kit

Reusable Components with Tailwind CSS

A collection of reusable components built using Tailwind CSS that you can easily integrate into your React and Next.js projects.

Table of Contents

• Getting Started
• Usage
• Available Components
• Customization
• Contributing
• License

Getting Started

1. Make sure you have a React or Next.js project set up.
2. Ensure that you've configured Tailwind CSS in your project.
3. Copy the desired component files from this collection (located in the components directory) and paste them into your project's components directory.

Usage

Once you've copied the components into your project, you can use them in your React components. Here's an example of how to use the Button component:

import Button from '../components/Button';

function MyPage() {
  return (
    <div>
      <Button text="Click Me" onClick={() => alert("Button clicked")} />
    </div>
  );
}

export default MyPage;

Available Components

Here is a list of available components in this collection:

• Button - A customizable button component.

You can explore each component's file for details on usage and customization.

Customization

Each component is designed to be customizable. You can pass props to tailor the appearance and functionality of the components. For example, the Button component accepts props like text, onClick, and className.

Contributing

If you'd like to contribute to this collection of reusable components or have suggestions for improvements, please feel free to fork this repository, make your changes, and submit a pull request.

License

This collection of reusable components is open-source and available under the MIT License. You are free to use, modify, and distribute it as needed. Please refer to the LICENSE file for more details.

This README.md template provides a basic structure for your documentation, including sections for getting started, usage, available components, customization, contributing, and licensing information. You can expand and customize it as needed to suit your specific project and components.