In case you’re a web developer/designer and haven’t already heard about or tried Tailwind CSS, it’s likely you’ve been living under a rock! First released as an alpha in 2017 and now in version 3, the utility-first CSS framework for rapidly constructing custom designs is all the craze today. It seems we don’t see a day go by without not less than one recent article published about this unique offering on the earth of web design (see some examples in our weekly roundups of articles).
The most effective parts of the Talwind CSS ecosystem is the components that may greatly speed up your development process by dropping them into your project and modifying as needed. Yow will discover and use headings, navigation, data display, lists, forms, buttons, and even full page layouts, plus far more – all great starting points for various needs you should have in your projects.
On this post, we’re going to indicate you all the free Tailwind CSS component resources we could find, to avoid wasting you time next time you’re trying to include components in your projects.
Your Web Designer Toolbox
Unlimited Downloads: 500,000+ Web Templates, Icon Sets, Themes & Design Assets
A repository for community components and templates, easily searchable, beautifully designed and arranged, and completely free!
Responsive HTML & React components to your next web application. Make your Tailwind CSS apps even sleeker and faster to develop with our ever growing library of components, elements, and example pages.
Interactive and different components with React and exquisite design using Tailwind CSS + pure CSS. Every component is fully responsive and thoroughly implemented to look great at any screen size. Beautifully designed, expertly crafted components that can help you construct a terrific UI/UX and are easy to customize.
Tail-kit gives you access to over 250 free components and free templates, based on Tailwind CSS 2.0, all compatible with React, VueJS and Angular applications.
Tailwind Awesome is a curated list of one of the best Tailwind templates & UI kits in the web. They are saying they’re actively searching, and curating the best resources on the market. They’ve all types of resources, together with a big section of free components.
The oldsters at kitwind released this free UI kit with over 130 sections, all fully responsive and available in HTML, VueJS, and React.
A set of blocks inbuilt Tailwind CSS, with HTML you may easily copy and paste into your individual project.
Open source starter templates and components, a directory of handy constructing kits, generators, plugins and useful tools to kick start your Tailwind CSS project.
Mamba UI is a free, open-source collection of 100+ UI components and templates based on Tailwind CSS. The whole lot is modular and customizable to suit your brand. From blogs to portfolios to online stores, you may quickly create a wide range of layouts that look great on any screen.
HyperUI is a group of free Tailwind CSS components that will be utilized in your next project. With a variety of components, you may construct your next marketing website, admin dashboard, ecommerce store and far more.
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
daisyUI adds classes to Tailwind CSS for all common UI components, with low CSS specificity so you may customize all the pieces using Tailwind CSS utility classes. Highly customizable.
Flowbite is an open-source library of UI components based on the utility-first Tailwind CSS framework featuring dark mode support, a Figma design system, and more. It includes all the commonly used components that a website requires, equivalent to buttons, dropdowns, navigation bars, modals, but in addition some more advanced interactive elements equivalent to datepickers.
Tailwind Starter Kit is a free and open source extension. It doesn’t change or add any CSS to the already one from Tailwind CSS. It features multiple HTML elements and it comes with dynamic components for ReactJS, Vue and Angular.
From alerts to avatars, badges to breadcrumbs, social share box to tabs, PostSrc has a pleasant collection of components able to use free of charge.
Tailwind Elements are Bootstrap components recreated with Tailwind CSS, but with higher design and more functionalities. Over 500+ UI components.
Lofi ui is a library of low fidelity web app components. The components are built to be as efficient as possible of their HTML structure and depend on only simply enough CSS, via Tailwind CSS, to render them functional. Consider these components as head-start on constructing and styling a component exactly as you would like.
This post may contain affiliate links. See our disclosure about affiliate links here.