10 Open Source Libraries for Tailwind CSS Components

#tailwindcss #css #webdev

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.