Beautiful UI components built with Tailwind CSS and React.
ShadwUI is an extensive collection of copy-and-paste components for quickly building app UIs. It includes hundreds of components and is constantly updated with new designs.
Live → https://shadwui.com
shadw UI is designed to integrate seamlessly with Next.js, react and vite projects, but the components are also compatible with any React-based project. The components follow shadcn conventions, so they'll feel familiar to anyone who has used shadcn before.
1. Set up the required files:
- Installation https://shadwui.com/docs/installation
After completing these steps, you can copy and use the components in your project. Note that some components (e.g., number inputs, date pickers, time pickers, phone number inputs) may require additional libraries.
Our UI library has been updated to Tailwind CSS v4 as of February 25, 2025. Legacy components built with v3 remain available by adding /legacy/ to the component URL:
# v3 component
pnpm dlx shadcn@latest add https://shadwui.com/r/input.jsonNote: New components will only be developed for Tailwind v4.
We welcome contributions to our Shadwui! Please follow these steps to contribute:
-
Fork the repository on GitHub.
-
Clone your forked repository to your local machine:
git clone https://github.com/your-username/shadwui.git -
Navigate to the project directory:
cd shadwui -
Create a new branch for your feature or bug fix:
git checkout -b your-branch-name -
Install the project dependencies:
pnpm install -
Make your changes to the codebase.
-
Before building, format your code:
-
Build the project:
pnpm run build -
Test the application to ensure your changes work as expected.
-
Commit your changes:
git commit -m "Your descriptive commit message" -
Push your changes to your fork:
git push origin your-branch-name -
Open a pull request on the original repository.
Thank you for contributing to our project!
Licensed under the MIT License.
If you have any questions or just want to say hi, feel free to reach out to us on Linkedin 👉 @sahilkumardev