TailwindCSS UI Component

This is the right place to play around with UI components build under TailwindCSS

Repo's Traffic since October 14th 2022🚀🚀🚀

Homepage

Components selection page

Codepen page

Motivation

We do know tailwind css is an emerging CSS framework which makes our website/ app unique without styling compared to other market bootstraps Yeah? but there is still a hindrance to start with tailwind CSS as it is somewhat complex to other competitors and we don't have enough free resources to learn or play with these utility based classes.

Solution

If you are searching for an answer for above question/ rant, then this website is best suitable for you all. Here we can get almost all layouts and components built under Tailwind CSS, and the best part is we can play around with them in inbuilt code editor and copy the codebase too for your projects.

Like to contribute to us by code/ design?

Please follow the contributing guide for this repo. Anything that is not followed will not be entertained as contribution.

Like to contribute us by money?

This contribution is not forced but welcomed, as this will help us run this software for long time

Getting started to contribute/use

1. Fork the repository from Repository. Just click at fork icon to create a fork-repository in your GitHub. In your local machine clone the forked repository with command and go to your repository

    git clone https://github.com/<username>/tailwind_ui_components.git
    cd tailwind_ui_components
   

2. After you choose the issue create new branch. (Use issue specifying either documentation, bug or feature than issue number and what should be done)

   git checkout -b <branch_name> 
   

3. Install dependencies

   npm install
   

4. Run code locally

   npm run dev
   

5. Go to localhost:3000
6. Make the changes in code and test these. (NextJS and tailwind/plain CSS)
7. After changes are ready, commit the changes:

   git add <changed_file> 
   git commit -m "commit message"
   

8. Push the changes to origin

   git push origin <branch_name>
   

9. After that create new Pull Request in your GitHub account. (It should appear after commits were pushed)

Contributors 🎉

These people are sole backbone for this software. Want to get place in below hall of fame? join our community