DEV Community

loading...
Cover image for Tailwind CSS - Free starters coded in React, Vue, Svelte, and Angular

Tailwind CSS - Free starters coded in React, Vue, Svelte, and Angular

sm0ke profile image Sm0ke Updated on ・3 min read

Hello Coders,

This article presents a short-list with open-source starters styled with Tailwind, the popular utility-first CSS framework, in different technologies: React, Vue, Angular, Svelte, and plain Javascript.


Thank you! Content provided by AppSeed - App Generator.


The starters, provided and actively supported by Creative-Tim, are released under the MIT license and can be downloaded from Github (no account required).


Disclosure - This post contains affiliate links.

If you use these links to buy something (no additional cost to you) I may earn a commission, product, or service. Thank you!



The full index provided by Creative-Tim can be found at this address: Tailwind Templates


Tailwind CSS Templates - A curated index provided by Creative-Tim.


What is Tailwind CSS

Short-note - Tailwind CSS is the most popular utility-first CSS framework in the world for rapidly building custom user interfaces for the web. It is a highly customizable collection of low-level CSS utility classes written in PostCSS destined to be customized using JavaScript.

This CSS framework created by Adam Wathan, downloaded 10 million times until Aug.2020, comes with a new concept: it’s utility-based, which means you start with a collection of CSS primitives and code the entire UI from the bottom.


Links to read more about Tailwind:


Once we have a basic idea about Tailwind, we can move on with our list. Let's go!


Tailwind React Starter

Provider: Creative-Tim

Notus React is built with over frontend 100 individual components, giving you the freedom to choose and combine. All components can take variations in colors that you can easily modify using Tailwind CSS classes.


Product Page - Tailwind React Starter


Tailwind CSS React - Free starter provided by Creative-Tim.


Tailwind Vue Starter

The previous design can be downloaded also in Vue, another popular UI Framework. This Free Tailwind CSS and VueJS Template is coming with prebuilt examples, so the development process is seamless, switching from our pages to the real website is very easy to be done.


Product page - Tailwind Vue Starter


Tailwind CSS Vue - Free starter provided by Creative-Tim.


Tailwind Angular Starter

Angular is also present in our list used to animate the same UI Kit. Notus Angular is built with over frontend 100 individual components, giving you the freedom to choose and combine. All components can take variations in colors that you can easily modify using Tailwind CSS classes.


Product page - Tailwind Angular Starter


Tailwind CSS Angular - Free starter provided by Creative-Tim.


Tailwind Svelte Starter

This version is my favorite and I'm playing a lot with it, mostly for my own learning activities. The product is nicely documented and anyone with basic Javascript knowledge can code a small project with ease.



Tailwind CSS Angular - Free starter provided by Creative-Tim.


Thank you! Btw, my (nick) name is Sm0ke and I'm pretty active also on Twitter.

P.S. Feel free to suggest more Tailwind starters in the comments.

Discussion (21)

pic
Editor guide
Collapse
sloan profile image
Sloan

Hi there, it appears that this post contains affiliate links. We ask that posts including affiliate links also contain a clear disclaimer so that readers are aware. Here is some suggested language:

This post includes affiliate links; I may receive compensation if you purchase products or services from the links provided in this article.

Collapse
sm0ke profile image
Sm0ke Author

Hello @sloan ,

I've updated the article with this stamp:


Disclosure - This post contains affiliate links.
If you use these links to buy something (no additional cost to you) I may earn a commission, product, or service. Thank you!


Let me know if is ok.
Thank you!

Collapse
uithemes profile image
ui-themes

Thanks for sharing! More UI Kits (designs) would be nice.
Definitely, I will try the Vue version.

Collapse
sm0ke profile image
Sm0ke Author

Projects are OSS. Anyone can contribute :)

Collapse
blessdarah profile image
Thread Thread
sm0ke profile image
Collapse
shubhamsingh1112 profile image
Shubham Singh

Thanks for sharing. Will try react and angular packs.

Collapse
sm0ke profile image
Collapse
crearesite profile image
WebsiteMarket

Nice list. Thanks

Collapse
sm0ke profile image
Sm0ke Author

Yw! 10x for reading!

Collapse
sm0ke profile image
Sm0ke Author

Unrelated and spammy links.

Collapse
sm0ke profile image
Sm0ke Author

Unrelated and full of spammy links.

Collapse
sm0ke profile image
Sm0ke Author

Unrelated and full of spammy links.
This comment will be reported.

Collapse
sm0ke profile image
Sm0ke Author

Unrelated and full of spammy links.
This comment will be reported.

Collapse
sm0ke profile image
Sm0ke Author

Hello!
Your content is unrelated and 100% spam. I will report it.

Collapse
urielbitton profile image
Uriel Bitton

Nice article!
*Tailwind is the most popular after Material UI