User Experience on mobile might not be great yet, but I'm working on it.

Your first time on this page? Allow me to give some explanations.

Awesome Tailwind CSS

😎 Awesome things related to Tailwind CSS

Here you can see meta information about this topic like the time we last updated this page, the original creator of the awesome list and a link to the original GitHub repository.

Last Update: Nov. 30, 2021, 11:16 a.m.

Thank you aniftyco & contributors
View Topic on GitHub:
aniftyco/awesome-tailwindcss

Search for resources by name or description.
Simply type in what you are looking for and the results will be filtered on the fly.

Further filter the resources on this page by type (repository/other resource), number of stars on GitHub and time of last commit in months.

Useful Links

A utility-first CSS framework for rapid UI development.

49.41K
2.33K
5d
MIT

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

11.57K
391
31d
MIT

IDE Extensions

An opinionated Tailwind CSS class sorter built for Visual Studio Code

1.06K
35
86d
MIT

Tailwind CSS color palette generator

46
2
5m
n/a

tailwindcss class name completion for (neo)vim

294
22
90d
MIT

Plugins

Tailwind CSS plugin for client-side theming using CSS variables, with dark mode support

407
25
70d
MIT

Media-query- or JavaScript-based theme variants with fallback for Tailwind CSS

115
2
45d
MIT

🎨 The easiest way to create themes with Tailwind CSS.

350
25
55d
MIT

A helper for getting tailwind values into css custom properties and switching them between media queries and classes. A quick example can be found here: https://tailwindcss-theme-swapper.crswll.now.sh/ and you can mess around with it yourself here https://play.tailwindcss.com/Hg9AO7mqWa

85
9
29d
n/a

Tailwind CSS plugin that adds variants for @media (prefers-color-scheme: dark) or using an activator CSS class

12
4
89d
MIT

Tailwind CSS plugin that adds variants for DarkMode

16
2
1y 13d
MIT

🌚 A Tailwind CSS plugin that adds variants for dark mode

661
23
6m
MIT

🎨 Adds multiple themes support for Tailwind CSS and Windi CSS.

6
0
5d
MIT

TailwindCSS plugin that helps styling radix state

72
2
8d
MIT

Tailwind CSS plugin to generate gap utilities

44
2
70d
ISC

Aspect Ratio Plugin for tailwindcss framework

254
9
70d
n/a

Tailwind CSS plugin that lets you write your configuration file with your own custom utilities as though they were native to the framework

64
1
1y 29d
MIT

A TailwindCSS plugin for creating shadow outline with multiple colors

9
0
1y 7m
MIT

Text-indent utilities for Tailwind CSS.

26
2
28d
n/a

Image-rendering utilities for Tailwind CSS.

57
1
5m
n/a

Tailwind CSS plugin for Material Components elevation classes

118
0
111d
n/a

writing mode utilities for tailwindcss

10
0
3y 7m
n/a

Tailwind CSS plugin to generate border image gradient utilities.

128
2
29d
n/a

This is a Tailwind CSS plugin to generate utility classes for RFS

31
2
11m
MIT

Re-adds the list-reset utility that was removed prior to Tailwind 1.0.0.

1
0
1y 7d
MIT

Fluid utilities for Tailwind CSS

100
11
2y 58d
MIT

Tailwind CSS plugin to generate typography utilities and text style components

233
8
70d
ISC

CSS :after triangle plugin for tailwindcss framework

20
3
2y 7m
n/a

Configurable Tailwind plugin for generating scrim classes.

32
0
2y 7m
n/a

Tailwind CSS plugin to generate truncate multiline utilities

90
6
2y 41d
n/a

Generate classnames for CSS Logical Properties for margin, padding, border-width, border-raduis, text-align, float & writing-mode.

16
0
111d
MIT

Enabling bidirectional support on tailwindcss framework

182
13
30d
MIT

Tailwind bi-directionality plugin

10
1
10m
MIT

Tailwind plugin for adding brands colors as background, border and text colors.

27
3
102d
MIT

Tailwind CSS plugin that generates Bootstrap's flexbox grid

79
7
68d
MIT

✂️ Tailwind CSS utility classes for trimming whitespace above & below capital letters.

31
2
29d
ISC

tailwindcss plugin for hide scrollbar

16
5
30d
MIT

Tailwind CSS preset to extend Tailwind CSS's Transition Timing Function

1
0
5m
MIT

A TailwindCSS Content Placeholder plugin

73
0
55d
n/a

This plugin exposes a class that hides the browser's default scrollbar using various tricks.

3
0
27d
MIT

Tailwind plugin to create classes for the scroll-behavior property

7
1
102d
MIT

Tailwind plugin to create classes for the accent-color CSS property. Shipped in Chrome 93 and Firefox 92.

0
0
4m
MIT

The missing Tailwind CSS text-decoration plugin

7
1
4m
MIT

tailwind utility to capitalise only first letter of string

2
0
107d
MIT

A plugin that makes the use of Fluid Type a breeze.

22
0
70d
MIT

Adds direction (LTR, RTL) variants to your Tailwind project

191
10
1y 33d
MIT

A collection of touch variants for the tailwindcss framework

31
0
2y 6m
n/a

Automatic alpha variants for your Tailwind CSS colors

70
13
1y 7m
n/a

Tailwind CSS variant for styling based on site language.

7
0
2y 7m
MIT

!important variant plugin for tailwindcss framework

42
2
57d
n/a

A Tailwind CSS plugin for matching border radii

11
0
69d
MIT

TailwindCSS plugin to generate fluid utility classes using existing config

19
2
97d
MIT

Plugin for Tailwind CSS that adds all the different pseudo selectors to variants

32
0
10m
MIT

A Tailwind CSS component that shows the currently active screen (responsive breakpoint).

278
9
40d
n/a

Streamlined integration between tailwindcss and heropatterns.com

121
5
6m
n/a

responsive embed component for tailwindcss

81
5
111d
n/a

Bootstrap styled tables for Tailwind CSS

89
7
2y 5m
MIT

Card components for Tailwind CSS

31
3
2y 5m
MIT

Tailwind CSS plugin to easily add a 'skip to main content' link.

11
0
1y 7d
MIT

Tailwind plugin to generate css vars '--color-name' for colors list.

24
2
2y 7m
n/a

Transform Tailwind config file to CSS variables.

121
12
109d
MIT

Easily create css variables without the need for a css file!

27
5
36d
GPL-3.0

A little bit of utility classes related to css 3d transform

32
2
4m
MIT

TailwindCSS plugin to color caret in input fields.

4
0
5m
MIT

Tailwindcss plugin to color caret in input fields

12
4
1y 103d
n/a

Tailwind CSS plugin to generate gradient background utilities

227
9
70d
ISC

🔌🌊 Set of useful plugins for tailwindcss

269
15
112d
MIT

Visually Hidden utility plugin for tailwindcss framework

15
3
2y 6m
n/a

DEPRECATED: Object-position utilities for Tailwind CSS.

1
0
5m
n/a

A Tailwind CSS plugin that adds additional functionality to help improve accessibility.

35
0
3y 115d
MIT

[DEPRECATED] Tailwind CSS plugin to generate layout utilities

17
0
2y 6m
n/a

Brings grid support to Tailwind CSS

121
10
1y 9m
n/a

[DEPRECATED] Tailwind CSS plugin to generate transform utilities

104
4
1y 8m
ISC

[DEPRECATED] Tailwind CSS plugin to generate transition utilities

196
8
1y 8m
ISC

Transition utility plugin for tailwindcss framework

36
1
6m
n/a

Plugins & helpers for tailwindcss

87
3
3y 8m
n/a

DEPRECATED: All of the missing cursor utilities for Tailwind CSS.

7
0
5m
n/a

A plugin for Tailwind CSS to create utility classes for font-variant-numeric.

8
1
2y 5m
n/a

Tailwind CSS plugin to generate filter and backdrop filter utilities

162
8
70d
ISC

Expressive CSS filters for Tailwind CSS.

22
2
9m
n/a

Blend-mode utilities for Tailwind CSS.

67
0
5m
n/a

CSS Scroll Snap utilities for Tailwind CSS

177
9
62d
n/a

Automatic alpha variants for your Tailwind CSS colors based on your opacity config

21
0
1y 7m
MIT

Tailwind CSS plugin to generate pseudo selector variants.

38
0
70d
MIT

Spinner utility for Tailwind CSS

171
7
1y 4m
MIT

TailwindCSS plugin to generate classes for setting fixed space between containers child elements.

16
2
1y 8m
n/a

A better base for styling form elements with Tailwind CSS.

1.55K
77
91d
MIT

Tools

Color Kraken is an hsl tailwind integration that generates custom color shades from a given hexcolor

9
1
9m
n/a

A Babel plugin to add custom dark tailwind class when compiling your code using Babel.

3
0
11m
MIT

The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.

1.6K
36
84d
MIT

🔌 Convert Bootstrap CSS code to Tailwind CSS code

774
67
5m
MIT

Small utility to convert .html files with tailwind v.0.x class name into compatible with version v.1.0

5
1
2y 5m
n/a

⚙️ Shift to the next TailwindCSS version hassle-free.

104
5
10m
MIT

CLI for organizing Tailwind CSS classes

152
10
48d
Apache-2.0

A react-native style system based on TailwindCSS

505
34
96d
MIT

Brings types to TailwindCSS via TypeScript.

363
9
55d
n/a

Plug Tailwind CSS to your Gatsby website

43
3
112d
n/a

A Tailwind plugin for Gridsome.

106
14
12m
MIT

An ultra-fast TailwindCSS docs search workflow for Alfred 4

89
3
61d
MIT

A CLI tool for integrating Tailwind CSS into Angular-CLI projects

204
22
39d
n/a

vue-cli plugin for Tailwind CSS

182
7
9m
MIT

Figma Kit for TailwindCSS

639
29
95d
MIT

Figma Plugin for TailwindCSS

213
8
70d
MIT

Tailwind CSS module for Nuxt

801
82
43d
MIT

Preact CLI Plugin that helps add Tailwind CSS to your project

30
4
5m
MIT

Sort a tailwind classlist by plugin name.

17
2
111d
MIT

Sort tailwind classes in HTML with Prettier.

367
17
35d
MIT

Tailwind CSS as a templating language in JS and CSS-in-JS

297
6
8m
MIT

🦹‍♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.

4.9K
111
34d
MIT

A local UI tool for visualizing your Tailwind CSS configuration file.

1.13K
54
4m
n/a

A set of Blade components to rapidly build forms with Tailwind CSS (v1.0 and v2.0) and Bootstrap 4/5. Supports validation, model binding, default values, translations, Laravel Livewire, includes default vendor styling and fully customizable!

446
48
29d
MIT

🔥 A schematic that adds Tailwind CSS to Angular applications

557
39
6m
MIT

clb is a small, utility function that builds a class list based on a simple api.

28
2
48d
n/a

Brings TailwindCSS https://tailwindcss.com to ReasonML

116
2
107d
MIT

📟 Create Tailwind CSS plugin and publish on npm with ease

9
0
10m
MIT

👩‍💻👨‍💻 Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.

25.36K
4.07K
28d
MIT

UI Libraries, Components & Templates

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

11.57K
391
31d
MIT

Vue UI components with configurable classes ready for TailwindCSS

1.6K
107
64d
MIT

Clean UI based on tailwindcss

169
12
3y 9m
MIT

The Tails Open Source Components are a (no-config) copy'n paste free collection of hand-crafted templates and components built in TailwindCSS.

555
375
30d
MIT

A growing collection of text/image cards you can use/copy-paste in your tailwind css projects

303
33
5m
MIT

Jakarta LTE - Free and Open Source Premium Admin Templates with rich UI Kit base on Tailwind CSS

91
9
77d
MIT

⭐️ ⭐️ ⭐️ ⭐️ ⭐️  Tailwind Components

6K
222
29d
MIT

Litepie Datepicker is a date range picker component for Vue.js and Tailwind CSS, dependent to day.js.

164
23
48d
MIT

A Tailwind CSS datepicker built with vanilla JavaScript

55
1
57d
MIT

Just another vue&tailwind component that present you complete typeahead/autocomplete input.

6
1
61d
n/a

admin panel template built on tailwind css

344
75
106d
MIT

Simple Resume Template with Tailwind CSS

19
4
100d
n/a

An HTML resume styled with Tailwind.css based on Universal Resume

39
5
74d
n/a

Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React. Made by

1.09K
646
63d
n/a

Dashboard starter template built with Vue 3 and Tailwind CSS.

637
146
91d
MIT

A free Nuxt.js tailwindcss landing page template designed to showcase SaaS businesses, online services, and more.

19
2
11m
n/a

Tailmin - Admin dashboard built with Vue.js and Tailwind CSS

26
5
77d
MIT

A set of gorgeous Transactional HTML Email Templates built on TailwindCSS

76
3
63d
MIT

Starters & Themes

Create React apps with no build configuration, extended with TailwindCSS and PurgeCSS

29
4
2y 59d
n/a

A preset for installing @tailwindlabs in a fresh Laravel project

12
2
58d
n/a

A Tailwind CSS frontend preset for the Laravel Framework

1.1K
138
10m
MIT

Dark tailwindcss preset including auth views

41
2
10m
MIT

React + Tailwind + Emotion

27
3
56d
n/a

A streamlined Tailwind CSS template for Create React App in TypeScript

85
15
5m
MIT

⚡️ Set up Next.js Progressive Web App with npx create-next-pwa

48
2
4m
MIT

💥 One stop shop for eliminating the grunt work of setting up a Tailwind Web App across multiple frameworks. Just type in npx new-tailwind-app in your terminal and set up everything instantly.

224
11
88d
MIT

🌬A bare-bones Tailwind CSS boilerplate

60
9
109d
MIT

Jekyll starter styled with Tailwind CSS

218
57
27d
MIT

Starter project for using Jekyll with Tailwind CSS

99
21
81d
n/a

A dead simple, comprehensive Jekyll boilerpalte styling with Tailwind CSS.

2
0
31d
MIT

A starter kit to get going with tailwind, gulp and browser-sync.

97
12
2y 26d
n/a

Gatsby starter styled with Tailwind CSS

500
98
27d
MIT

A Simple, Free Gatsby/TailwindCSS Starter Theme For Business Websites

15
4
1y 119d
MIT

Gatsby + TypeScript + TailwindCSS

70
10
6m
MIT

A Gatsby Starter with Tailwind CSS + Emotion Js

38
5
1y 4m
MIT

Get up and developing quickly with Gatsby, Tailwind CSS, and some opinionated goodies

0
0
10m
MIT

Integrate Tailwind CSS in a Create React App setup

105
9
32d
MIT

create react app with tailwindcss configed

5
1
1y 6m
n/a

A WordPress starter theme including Webpack (via Laravel Mix), Vue, Babel and Tailwind CSS.

47
4
2y 65d
n/a

Next.js starter styled with Tailwind CSS

286
56
29d
MIT

Sapper, Svelte, TailwindCSS, PurgeCSS starter with Prettier and ESLint enabled

81
11
77d
n/a

A starter project with Netlify Lambda, Tailwind CSS and static pages.

8
1
84d
MIT

Starter files for a Hugo theme with Tailwindcss

239
45
99d
MIT

Eleventy Web Starter is a lightweight Eleventy boilerplate utilising, ESBuild Tailwind and PostCSS.

260
25
112d
MIT

Tailwind CSS + PostCSS + BrowserSync boilerplate

23
2
1y 6m
n/a

Tailwind CSS + ParcelJS + TypeScript boilerplate

4
0
1y 6m
n/a

A starter of build VuePress Theme with TailwindCss.

11
3
29d
MIT

A Gatsby theme based on gatsby-serif-theme, rewrite with Tailwind CSS.

27
20
55d
MIT

🚀 Eleventy Starter is production-ready with SEO-friendly for quickly starting a blog. ⚡ Built with Eleventy, ESLint, Prettier, Webpack 5, PostCSS, Tailwind CSS 2 and Netlify CMS (optional).

212
43
6m
MIT

Starter using Vite + React + Tailwind CSS 2

157
37
82d
n/a

Vite + Vue 3 + Tailwind CSS (starter) ⚡

581
90
26d
n/a

Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI 🧪

501
53
39d
MIT

Responsive dashboard layout

133
32
112d
MIT

Landing website + Blog using Jekyll & Tailwind CSS

39
34
72d
MIT

🚀 Boilerplate and Starter for Next.js 12+, Tailwind CSS 2.0 and TypeScript ⚡️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS

765
158
28d
MIT

Opinionated Vite starter template with TailwindCSS

19
1
27d
MIT

Open-Source Projects

Self hosted project management and collaboration tool powered by TALL stack

1.72K
538
49d
MIT

A Marvelous Open Source Status Page System

2.54K
177
27d
Apache-2.0

Front-end application for Todolist Web application built with Laravel and Vue.js

133
26
10m
MIT

📈 League of Legends Stats Web App

227
26
55d
n/a

Svelte ecommerce - Headless, Authentication, Cart & Checkout, TailwindCSS, Server Rendered, Proxy + API Integrated, Animations, Stores, Lazy Loading, Loading Indicators, Carousel, Instant Search, Faceted Filters, Typescript, Open Source, MIT license. 1 command deploy to your own server, 1 click deploy to netlify.

497
84
56d
MIT

Moltin, Tailwindcss powered VueCommerce

13
1
5m
n/a

Personal portfolio website of theme Ubuntu 20.04, made using NEXT.js & tailwind CSS

1.74K
213
64d
MIT

Learning

Examples to help you get started building your own Tailwind CSS plugins.

197
25
2y 6m
MIT

Basic demo on how to switch styles with Tailwind, handy for dark mode type purposes.

138
9
63d
n/a

A clone of Acquia's dashboard, built with Vue.js and Tailwind CSS.

20
1
2y 0d
n/a

An switch toggle for https://tailwindcss.com/

62
5
2y 7m
MIT

🛬 An implementation of the “Open” landing page template using Tailwind CSS Boilerplate.

63
12
109d
MIT

Demo of building real-world UIs using TailwindCSS

85
16
1y 12d
MIT