kash15if / custom-components

Commonly used custom components in react like tables, carousels, popups, navbars, alerts, etc

Custom React Components Collection

Welcome to our Custom React Components Collection! This repository contains a curated selection of frequently used React components that were not readily available or easily customizable until now. We've put in the effort to create these components with the aim of providing developers like you with a comprehensive set of tools to enhance your web development projects. Let's dive into the exciting features offered by each component:

Dynamic and Responsive Tables

• Enjoy the flexibility of dynamic and responsive tables that seamlessly adapt to different screen sizes.
• Features include sorting, filtering, CRUD operations, and convenient Excel file upload and download for effortless data management.

Dynamic and Responsive Carousel/Slider with a 3D View

• Experience the captivating 3D view of our dynamic and responsive carousel/slider, achieved using the innovative concept of CSS clip path.
• Elevate your website's visual appeal with this interactive component that engages your users.

Popups Using Vanilla JavaScript in React

• Spice up your web applications with stylish and engaging popups.
• Our vanilla JavaScript implementation within the React framework ensures smooth integration and an impressive user experience.

Collapse Panel

• Present your content in a concise and organized manner with the collapse panel component.
• Users can easily expand or collapse sections of information, optimizing space and enhancing readability.

Multiple Selection Dropdown with Checkbox

• Enhance user interaction with the convenience of a dropdown component supporting multiple selections.
• Users can effortlessly choose multiple options using checkboxes, simplifying their experience.

Dynamic Cards

• Add flair and dynamism to your website with our dynamic card component.
• Customize the layout and design to create visually stunning cards that showcase your content.

Alerts

• Capture immediate attention with sleek and versatile alert components.
• Customize their appearance and behavior to effectively deliver important messages to your users.

Each component in this collection is fully customizable to fit the design needs of your projects. Feel free to explore, integrate, and tailor these components to create extraordinary web applications. We hope you find this collection valuable and that it inspires you to take your React development to new heights. Happy coding!

Planning to add more custom components in the future like Diagram, Dynamic Organisation Chart, etc.

Video Demo

Watch the video demo of our Custom React Components Collection below:

[Watch Demo] (https://my-projects-rose.vercel.app/#ccomp)

Live Demo

Explore the live demo of the Custom React Components Collection here. Play around with the components and experience their capabilities firsthand.

Contribution

We welcome contributions from the community! Whether it's bug fixes, new features, or suggestions, your input is valuable. Feel free to open an issue or submit a pull request. Collaboration is key to making this collection even better.

How to Contribute

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and ensure tests pass.
4. Submit a pull request.

Contact

Have questions, suggestions, or just want to say hello? Reach out to us!

• Email: [email protected]
• Linkedin: https://www.linkedin.com/in/kash15if

Thank you for checking out our Custom React Components Collection! We're excited to see how these components elevate your React projects. Feel free to collaborate, and happy coding!