A modern frontend-based UI components library built with React and Tailwind CSS.
This library provides a collection of ready-to-use, reusable, and fully responsive UI components designed for developers who want to speed up their workflow and maintain a consistent design across projects.
Each component comes with a copy-to-clipboard feature, allowing you to instantly grab the source code and use it directly in your own React + Tailwind projects.
The source code in this repository has been partially removed from the live demo version for commercial purposes. If you are a recruiter, hiring manager, or interested party who wishes to review the full source code, please feel free to contact me directly via:
WhatsApp: [+201146264618]
Email: [hossammostafaofficiall@gmail.com]
Access to the complete version will be provided upon request.
- ⚡ Frontend-only — No backend or build dependencies required
- 🎨 Tailwind CSS-based — Fully customizable with your Tailwind configuration
- 🧩 Reusable Components — Ready-to-use for any project
- 📋 Copy Code Functionality — Instantly copy and paste component code
- 💻 Responsive Design — Works perfectly across all screen sizes
- 🧠 Built with React — Simple, modular, and easy to integrate
- 🌐 Developer-friendly — Clean structure and clear documentation
- React.js — UI framework
- Tailwind CSS — Styling system
- Vite — Fast build tool (optional)
You can clone the project or install it locally for development.
cd react-tailwind-ui-library
npm install
npm run dev
🪄 Available Components
Button
Card
Modal
Input
Dropdown
Navbar
Alert
Tooltip
...and more coming soon!
----
🧰 How It Works
Each component is built with React functional components and Tailwind utility classes.
You can easily customize colors, sizes, and states by editing your tailwind.config.js file or using Tailwind classes directly inside the components.