DEV Community

loading...
Cover image for Free TailwindCSS components to build UI faster

Free TailwindCSS components to build UI faster

Vikrant Bhat
The irony is, I am a web developer but I am shit scared of spiders.Javascript && React ⚛️
Originally published at vikrantbhat.hashnode.dev Updated on ・2 min read

As a frontend developer often times we want to just spit out a decently looking UI in a short span of time. The advent of Tailwind CSS has already made our jobs easier but wouldn't it be even better if we could use pre-built good looking components and that too for FREE?

That's right, this is a compiled list of free Tailwind CSS components and templates that you can use directly in your side projects or any project for that matter :)

🚨 NOTE: Please save this post as I will be updating the list as and when I stumble upon more free resources 🚀.

1. Tail-kit

Tail-kit gives you access to over 250 free components and free templates, based on Tailwind CSS 2.0. It's all compatible with React, VueJS and Angular applications.

Extra: You can even make a request for a component here. Isn't that just amazing 🥳 ?

2. Kimia-UI

Provides fully customizable UI Components compatible with Next.js, Gatsby and create-react-app.
No installation needed, Just copy and paste a component you want to use

3. Mamba UI

Mamba UI is a free, open-source collection of beautiful UI elements based on Tailwind CSS that make it easy for anyone to build a website in minutes.

4. Meraki UI

Beautiful Tailwind CSS components that support RTL languages & fully responsive based on Flexbox & CSS Grid with elegant Dark Mode.

5. Tailblocks

Ready-to-use Tailwind CSS blocks
60+ Blocks, Responsive, Dark Mode Support, Color Variations

6. Salvia-Kit

Built with Tailwind CSS, they are fully customizable and without external dependencies. Each dashboard has 4 variants. one for create-react-app, Next.js, Vue with vite and Nuxt.


NEW ADDITIONS:


7. DaisyUI

Clean HTML with component classes
Customizable and themeable
Pure CSS, No dependencies


Thankyou everyone! that is it for now, but I will be updating this list, you can also contribute to this exhaustive list by commenting below or by reaching out to me on twitter🐤, and I will add them here with credits :)

Discussion (4)

Collapse
enochndika profile image
enoch ndika

Thank you @bhatvikrant for the shout out.

Collapse
bhatvikrant profile image
Vikrant Bhat Author

Well thankyou for creating this for the public! 😁🙌

Collapse
muellercornelius profile image
Cornelius Müller

Thanks for this list. I love to use Daisy Ui.

Collapse
bhatvikrant profile image
Vikrant Bhat Author

Thanks for the suggestion Cornelius!

Daisy UI is great, but the thing about it is that we need to install it as an npm package 📦, which might not be ideal for many use cases. But otherwise it has great plug & play components.