Skip to content

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.

License

Notifications You must be signed in to change notification settings

jsvigneshkanna/tailwind_ui_components

Repository files navigation

TailwindCSS UI Component

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

Repo view count from Oct-27th 9PM

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

image

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

Getting started to contribute/use

Open in Gitpod

OR

  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


Show some ❤️ by starring this awesome repository!

About

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.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published