Orginally published at Medium on Feb 8th 2020.
TailwindCSS is a revolutionary design framework that has attracted both diehard fans and critics. Fans love its speed, simplicity, and powerful building capabilities. Critics hate its bloated HTML design. Regardless of which side you are on, Tailwind has caused a significant shift in the developer community.
Building beautiful websites has never been easier.
If you enjoy building web applications with Tailwind, it gets even better when leveraging pre-built components and pages. Tailwind UI is the (partially paid) masterpiece by the founders of Tailwind. If, however, you are looking for more free alternatives, the Tailwind community has your back. The components and templates below enable you to easily copy and paste the HTML into your own project without any dependencies.
- Tail-kit
- Tailblocks
- Tailwind Components
- Tailwind Starter Kit
- Kometa UI Kit
- Themes.dev
- Meraki UI Components
- Wicked Blocks
- Lofi UI
- CodePen
1. Tail-kit
Over 250 free components and free templates. For use with plain HTML, React, Vue.js, and Angular web applications.
2. Tailblocks
With a drag-and-drop interface, Tailblocks provides a unique open source generator for beautiful web pages. Over 60 CSS blocks are ready to use. Fully responsive with dark mode support.
3. Tailwind Components
A collection of open source components and templates for your project — from small components to complete landing pages.
4. Tailwind Starter Kit
Well-documented and high-quality components and pages. Support for HTML, React, Vue, and Angular.
5. Kometa UI Kit
Over 130 sections, fully responsive, and available in HTML, Vue, and React. You can use them on unlimited personal and commercial projects.
6. Themes.dev
High-quality, handcrafted themes. Landing pages and dashboards for SAAS companies and an overview of the entire Tailwind color palette.
7. Meraki UI Components
A collection of responsive components, along with many beautiful cards.
8. Wicked Blocks
A growing open source collection of layout blocks and components that are ready to copy-paste!
9. Lofi UI
Lofi UI is a curated collection of snippets from CodePen.
10. CodePen
Last but not least, search CodePen yourself!
Many individual contributors are placing a single component on CodePen. This includes Adam Wathan, the founder of Tailwind CSS. A simple search for Tailwind leads to the discovery of wonderful snippets.
Thanks for reading!
Top comments (2)
Thank you for the good list of resources. Quick question: what program did you use to make the screen recordings and gifs???
Thanks for sharing.