header bg image

19 Tailwind CSS UI kits and component libraries, both free and paid

By Vivian

/

March 24, 2022

Note: Some of these links are affiliate links, which means we get compensated in some way if you buy through them.

# Free UI kits & component libraries

hyper kit

# HyperUI

Get it here

Features

  • Built with Tailwind & Alpine.js
  • Has two component categories: e-commerce and application UI
  • Includes 200+ components

Description

HyperUI is a collection of free Tailwind CSS components that can be used in your next project. With a range of components, you can build your next marketing website, admin dashboard, ecommerce store and much more.

daisyui kit

# daisyUI

Get it here

Features

  • Works as a plugin for Tailwind CSS
  • Has 45 components and 29 themes
  • Uses component classes (ex: btn btn-primary) instead of utility classes

Description

The most popular, free and open-source Tailwind CSS component library

mambaui kit

# Mamba UI

Get it here

Features

  • It’s a collection of pre-made HTML components, a la Tailwind UI
  • Includes 140 components in 37 categories
  • Also includes 3 ready-made templates

Description

Mamba UI is an UI kit with free components and templates styled with Tailwind CSS

headlessui kit

# Headless UI

Get it here

Features

  • Works as a framework plugin, has support for Vue and React
  • Come completely unstyled, ready to work with Tailwind CSS classes
  • All components are fully accessible

Description

Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.

tailwind-starter kit

# Tailwind Starter Kit

Get it here

Features

  • Works as HTML snippets, a la Tailwind UI
  • Includes both HTML/CSS components and JS components
  • Has versions for plain HTML, Vue, React and Angular
  • Has lots of documentation

Description

A beautiful extension for TailwindCSS. It features multiple HTML elements and it comes with dynamic components for ReactJS, Vue, and Angular.

material-tailwind kit

# Material Tailwind

Get it here

Features

  • Works as a React Library
  • All styles are based on material design
  • Have 5 ready-made templates

Description

@material-tailwind is an easy to use components library for Tailwind CSS and Material Design. It features multiple React components, all written with Tailwind CSS classes and Material Design guidelines. Coming soon components for VueJS, Angular and many more.

gustui kit

# Gust UI

Get it here

Features

  • Works as a React library
  • Includes 50+ components and 4+ example pages
  • Uses icons from font-awesome

Description

Responsive HTML & React components for your next web application. Make your tailwind apps even sleeker and faster to develop with our ever growing library of components, elements, and example pages.

tuk kit

# TUK (Free)

Get it here

Features

  • Works as HTML snippets and also supports Vue, React and Angular
  • Free version has 250 components available
  • Has Webapp, Marketing and Ecommerce categories

Description

Tailwind CSS components & templates with support for React, Angular, & Vue. 250 FREE Responsive, accessible & drop-in ready components available.

kometa kit

# Kometa UI Kit

Get it here

Features

  • It’s a collection of HTML snippets, a la Tailwind UI
  • Includes 130+ responsive components
  • Available in HTML, VueJS, and React

Description

Kometa UI Kit includes over 130 sections, built with TailwindCSS, for your awesome projects. All the sections are fully responsive and available in HTMLVueJS, and React. You can use them on unlimited personal and commercial projects.

merakiui kit

# Meraki Ui

Get it here

Features

  • Works as a collection of HTML snippets
  • Includes 108 Components
  • All components include a dark mode

Description

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

tailus kit

# Tailus

Get it here

Features

  • Works as a collection of HTML snippets
  • Includes 50+ Components

Description

Tailus blocks is a set of +50 beautiful and modern responsive UI Blocks built with Tailwind CSS.

coming soon kit kit

# Coming Soon Kit

Pricing: $25 - $78 | Get it here

Features

  • Built with Tailwind & Alpine.js
  • All templates have dark & light mode
  • Integrated with Mailchimp and Vercel

Description

50+ unique templates for SaaS products, mobile apps, info products, and more. Effective way to reach the potential customers before the launch.

landingfolio kit

# Landingfolio

Pricing: $49 - $264 | Get it here

Features

  • Built with TailwindCSS and AlpineJS
  • Works as a collection of HTML snippets
  • Includes 550+ components

Description

550+ components and growing. With lots of unique blocks, you can easily build a page without coding. Build your next website in just a few clicks.

tailwindui kit

# Tailwind UI

Pricing: $149 - $279 | Get it here

Features

  • The Official UI kit for TailwindCSS
  • Has HTML, Vue and React versions
  • Includes 500+ component examples

Description

Over 500+ professionally designed, fully responsive, expertly crafted component examples you can drop into your Tailwind projects and customize to your heart’s content. Get started by checking out our free preview components, or browsing all of the examples in the categories you're most curious about.

harmony kit

# Harmony Pro Premium

Price: $89 | Get it here

Features

  • Includes 40+ pages, 60+ sections and 100+ components
  • Interactivity is done with Alpine.js

Description

Harmony, a simple and modern UI Kit for your SAAS

shadow kit

# Shadow Premium

Price: $89 | Get it here

Features

  • Basically the dark mode version of Harmony above
  • Includes 40+ pages, 60+ sections and 100+ components
  • Interactivity is done with Alpine.js

Description

Shadow, a dark, simple and modern UI Kit for your SAAS

tuk kit

# TUK (Paid)

Pricing: $249 - $750 | Get it here

Features

  • Works as HTML snippets and also supports Vue, React and Angular
  • Has Webapp, Marketing and Ecommerce categories
  • Full version has 1000+ components

Description

Build captivating experiences with accessible, fully responsive, drop-in-ready Tailwind CSS components and fast track your workflow.

razorui kit

# Razor UI

Price: $89 | Get it here

Features

  • Works as HTML snippets
  • Has a Laravel Blade version
  • Includes 100+ components

Description

Designing a consistent component library is difficult, expensive, and takes a lot of time. Our solution? Razor UI: a modern-looking UI kit for Tailwind CSS. Save precious time and money with interactive components and templates you can drop right into your project.

tailgrids kit

# Tailgrids

Pricing: $89 - $199 | Get it here

Features

  • Works as HTML Snippets
  • Includes 300+ UI Components
  • Includes Figma Source File

Description

Ready to use Tailwind CSS UI Components, Blocks, Sections, and Templates. Choose from 300+ diverse UI components, copy-paste UI components code, and build your unique web app user interface, landing page, website, or template faster.

Share this article on:

Sign up for Tailwind Weekly, our newsletter about
all things Tailwind CSS.

Check out a recent issue for a sample.

Sign up successful, check your email to confirm!

Submitting...

© 2022. Red Pixel Themes. All Rights Reserved.