loading...
Themesberg

Free Tailwind CSS Themes and Templates

zolidev profile image Zoltán Szőgyényi Originally published at themesberg.com ・3 min read

Tailwind CSS is an open-source utility-first CSS framework that has been growing in popularity the past year. It is a highly customizable collection of low-level CSS utility classes written in PostCSS destined to be customized using JavaScript.

Free Tailwind CSS Themes and Templates

We have covered quite a few topics about Tailwind CSS here at Themesberg, such as comparing it to Bootstrap, writing a complete tutorial, and even created a dedicated knowledge center for the framework.

I would like to make this blog post a bookmark worthy reference for the existing and upcoming free Tailwind CSS powered themes, templates, and UI kits. You can be assured that the templates provided in this list are quality checked by the core Themesberg team and we will keep updating this list as the framework grows in popularity.

Without further ado, I present you with the best free Tailwind CSS powered themes, templates, and UI kits.

Tailwind Starter Kit

What I absolutely love about this kit are the vibrant colors and the fact that it comes with compatible code for React, Angular, and Vue. It features ready to be used components, some landing pages, and even a admin dashboard interface. I remember this kit being featured on Product Hunt and even becoming the 3rd product of the day.

Tailwind Starter Kit Preview

Another big plus is the fact that it has documentation helping you on how to get started and give you a good overview of the components that can be used. You can choose to include a CDN link for a quick start or download the source files to make full use of the Tailwind configuration file.

All in all, I recommend Tailwind Starter Kit from Creative Tim because of currently being the most complete Tailwind CSS kit in terms of components, design, and documentation.

Tailwind Starter Kit

TailBlocks

TailBlocks is another awesome resource of over 60+ components and sections that you can use to quickly get started building websites using Tailwind CSS. It comes with a variety of often-used website sections, such as the navigation bar, hero section, pricing section, contact section, footer, and a few more.

TailBlocks Preview

It is open-source under the MIT license which means you can use these sections both for personal use and commercial purposes. One downside is that the elements are not styled in any special way, but it can also be viewed as an upside in case you want to apply your own styling and only use it as a wireframe for your website.

You can also quickly switch between dark and light mode and also apply custom colors for the sections that you are viewing.

TailBlocks

Meraki UI

Meraki UI is another open-source set of components and sections powered by Tailwind CSS under the MIT license featuring around 43 components and sections that can be used to quickly build website user interfaces.

Meraki UI Tailwind CSS Preview

What makes Meraki UI special is the RTL support that it provides directly from the documentation’s toggle button. This is a big plus for developers who need to provide a user interface for countries that read from right to left.

Although more components would be appreciated, it is a project that was launched not a long time ago and we can expect some updates in the future.

Meraki UI

I know the list is not very long, but I tried to filter out the best resources from the scarce amount of themes and templates made with Tailwind CSS. The list will most likely be updated frequently as long as new and high-quality templates and tools are available from the community.

If you would like to suggest a resource, feel free to let us know in the comments section.

Discussion

pic
Editor guide
Collapse
bobbyiliev profile image
Bobby Iliev

Great resources!

Make sure to check Tails as well! It is a (no-config) copy'n paste library of hand-crafted templates and components built in TailwindCSS.

github.com/thedevdojo/tails/

Collapse
zolidev profile image
Zoltán Szőgyényi Author

Hey Bobby,

Wow, great resource! I'll add it to my shortlist for the next 3 resources to be added to this article. Kudos!

Some comments have been hidden by the post's author - find out more