/tailwind_ui_components

An open-source website made for Tailwind CSS UI components. Here we can find almost all UI components made with tailwind CSS which can be used in different languages.

Primary LanguageJavaScriptMIT LicenseMIT

Hey 👋, Welcome to TailwindCSS UI Component Repo. This is the right place to play around with UI components build under TailwindCSS

GitHub issues GitHub forks GitHub stars

Homepage image

Components selection page image

Codepen page image

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 Buy us coffee or tea or even a book at buymeacoffee 🍵

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 appeared 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


Show some ❤️ by starring this awesome repository!