https://github.com/masumkhan081/my-react-reusable-components

A personal collection of reusable React components designed to accelerate development and maintain consistent styling across multiple projects.
https://github.com/masumkhan081/my-react-reusable-components

custom-component react reusable-components shared-component tailwindcss

Last synced: 2 days ago
JSON representation

A personal collection of reusable React components designed to accelerate development and maintain consistent styling across multiple projects.

• Host: GitHub
• URL: https://github.com/masumkhan081/my-react-reusable-components
• Owner: masumkhan081
• Created: 2024-10-27T09:14:48.000Z (20 days ago)
• Default Branch: main
• Last Pushed: 2024-10-27T18:27:19.000Z (19 days ago)
• Last Synced: 2024-10-27T22:36:12.959Z (19 days ago)
• Topics: custom-component, react, reusable-components, shared-component, tailwindcss
• Language: CSS
• Homepage:
• Size: 29.3 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# My React Reusable Components

A personal collection of reusable React components designed to accelerate development and maintain consistent styling across multiple projects.

## Available Components

1. **Buttons**

   - Different button styles including primary, secondary, icon buttons, etc.

2. **Input Fields**

   - Standard input fields with validation styling, password inputs, search inputs.

3. **Modal Dialogs**

   - Reusable modal component with customizable headers, footers, and content areas.

4. **Form Components**

   - Components like text areas, checkboxes, radio buttons, and dropdowns for consistent form styling.

5. **Cards**

   - Customizable card components for displaying various types of content.

6. **Notifications/Alerts**

   - Alert and notification components with multiple styles (e.g., success, error, info).

7. **Pagination**

   - Simple and configurable pagination component.

8. **Loaders**

   - Loading spinners and skeleton loaders to indicate data loading.

9. **Navigation Components**

   - Pre-styled header, footer, and sidebar components for consistent navigation.

10. **Grid and List Layouts**

   - Grid components for arranging content flexibly.

## Installation

1. Clone the repository:

   git clone https://github.com/masumkhan081/my-react-reusable-components.git