Posts Learn Components Snippets Categories Tags Tools About

Free Tailwind CSS Components

Get a free Tailwind CSS components for your project and save some time from build components from the ground up

2 years ago

3 mins read


In this post, we'll provide an overview of the Tailwind CSS Components that we have developed in recent months and it's available and free for everyone to use. These components are simple building blocks that can be used in any part of your web design.
Tailwind CSS Alert Components

Below are the lists of components:
  • Alerts
  • Avatars
  • Badges
  • Breadcrumbs
  • Buttons
  • CTA
  • Card
  • Filters
  • Gallery
  • Loading Skeleton
  • Login Form
  • Pagination
  • Pricing
  • Question and Answers
  • Register Form
  • Share Box
  • Tabs
Although each of the components is still basic and limited we have planned to add more in the near future. do note that the components is written using Tailwind CSS V2 but we have V3 in the works and it shouldn't be breaking changes.

If you like our tutorial, do make sure to support us by being our Patreon or buy us some coffee ☕️

Load comments for Free Tailwind CSS Components


PostSrc Code Snippets

Learn new snippets today, level up your Laravel, Alpine JS, Vue JS, Tailwind CSS skills and more.

Learn New Snippets

Sponsors 👑

+ Add Yours

PostSrc Code Components

Collection of Tailwind CSS components for everyone to use. Browse all of the components that are right for your project.

View Components