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: Oct. 20, 2021, 12:02 p.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.

37.06K
1.7K
8m
MIT

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

1.4K
25
1y 18d
MIT

Utility-first CSS framework for rapid UI development.

Component library made with Tailwind CSS.

Beautiful, hand-crafted SVG icons.

Weekly newsletter about all things Tailwind CSS.

Community-driven collection of awesome websites built with Tailwind CSS.

IDE Extensions

An opinionated Tailwind CSS class sorter built for Visual Studio Code

749
23
9m
MIT

Tailwind CSS color palette generator

33
2
1y 58d
n/a

tailwindcss class name completion for (neo)vim

209
19
1y 62d
MIT

IntelliSense extension for Visual Studio Code.

Plugins

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

268
14
1y 49d
MIT

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

60
1
8m
MIT

๐ŸŽจ The easiest way to create themes with Tailwind CSS.

88
6
1y 51d
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/

5
0
1y 88d
n/a

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

7
3
1y 47d
MIT

Tailwind CSS plugin that adds variants for DarkMode

14
2
11m
MIT

๐ŸŒš A Tailwind CSS plugin that adds variants for dark mode

638
24
1y 4d
MIT

Tailwind CSS plugin to generate gap utilities

28
0
1y 76d
ISC

Aspect Ratio Plugin for tailwindcss framework

240
7
1y 83d
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

60
0
11m
MIT

A TailwindCSS plugin for creating shadow outline with multiple colors

8
0
1y 6m
MIT

Text-indent utilities for Tailwind CSS.

19
1
1y 5d
n/a

Image-rendering utilities for Tailwind CSS.

33
1
1y 5d
n/a

Tailwind CSS plugin for Material Components elevation classes

76
0
10m
n/a

writing mode utilities for tailwindcss

7
0
3y 6m
n/a

Tailwind CSS plugin to generate border image gradient utilities.

87
1
9m
n/a

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

24
2
10m
MIT

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

1
0
1y 9m
MIT

Fluid utilities for Tailwind CSS

83
9
3y 118d
MIT

Tailwind CSS plugin to generate typography utilities and text style components

209
7
1y 93d
ISC

CSS :after triangle plugin for tailwindcss framework

16
2
2y 6m
n/a

Configurable Tailwind plugin for generating scrim classes.

24
0
2y 5m
n/a

Tailwind CSS plugin to generate truncate multiline utilities

83
5
2y 0d
n/a

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

14
0
1y 92d
MIT

Enabling bidirectional support on tailwindcss framework

104
6
9m
MIT

Tailwind bi-directionality plugin

3
0
8m
MIT

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

23
2
1y 17d
MIT

Tailwind CSS plugin that generates Bootstrap's flexbox grid

55
4
10m
MIT

๐Ÿ”Œ TailwindCSS utility classes for trimming whitespace above & below capital letters.

4
1
1y 46d
ISC

tailwindcss plugin for hide scrollbar

0
0
8m
MIT

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

0
0
8m
MIT

A TailwindCSS Content Placeholder plugin

11
0
7m
n/a

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

0
0
7m
MIT

Tailwind plugin to create classes for the scroll-behavior property

1
0
102d
MIT

Tailwind plugin to create classes for the experimental accent-color CSS property. (Which is currently behind a flag in Chrome and Firefox Nightly).

0
0
6m
MIT

The missing Tailwind CSS text-decoration plugin

3
0
5m
MIT

tailwind utility to capitalise only first letter of string

0
0
76d
MIT

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

5
0
29d
MIT

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

149
8
2y 43d
MIT

A collection of touch variants for the tailwindcss framework

19
0
2y 5m
n/a

Automatic alpha variants for your Tailwind CSS colors

67
13
2y 10m
n/a

Tailwind CSS variant for styling based on site language.

6
0
2y 6m
MIT

!important variant plugin for tailwindcss framework

21
1
2y 90d
n/a

A Tailwind CSS plugin for matching border radii

5
0
1y 77d
MIT

TailwindCSS plugin to generate fluid utility classes using existing config

12
0
10m
MIT

Tailwind CSS plugin to style list and summary markers

0
0
9m
MIT

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

3
0
8m
MIT

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

165
8
11m
n/a

Streamlined integration between tailwindcss and heropatterns.com

92
5
1y 6m
n/a

responsive embed component for tailwindcss

69
3
1y 68d
n/a

Bootstrap styled tables for Tailwind CSS

81
6
2y 4m
MIT

Card components for Tailwind CSS

25
2
2y 4m
MIT

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

8
0
1y 9m
MIT

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

20
1
2y 11m
n/a

Transform Tailwind config file to CSS variables.

103
9
1y 88d
MIT

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

15
2
4m
GPL-3.0

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

8
2
81d
MIT

TailwindCSS plugin to color caret in input fields.

1
0
9m
MIT

Tailwindcss plugin to color caret in input fields

11
4
1y 62d
n/a

Tailwind CSS plugin to generate gradient background utilities

187
8
1y 93d
ISC

๐Ÿ”Œ๐ŸŒŠ Set of useful plugins for tailwindcss

233
8
1y 96d
MIT

Visually Hidden utility plugin for tailwindcss framework

13
3
2y 4m
n/a

DEPRECATED: Object-position utilities for Tailwind CSS.

1
0
2y 9m
n/a

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

25
0
3y 74d
MIT

[DEPRECATED] Tailwind CSS plugin to generate layout utilities

19
0
2y 5m
n/a

Brings grid support to Tailwind CSS

114
10
1y 8m
n/a

[DEPRECATED] Tailwind CSS plugin to generate transform utilities

107
4
1y 7m
ISC

[DEPRECATED] Tailwind CSS plugin to generate transition utilities

203
8
1y 7m
ISC

Transition utility plugin for tailwindcss framework

34
1
1y 96d
n/a

Plugins & helpers for tailwindcss

88
1
3y 7m
n/a

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

6
0
2y 5m
n/a

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

8
1
2y 116d
n/a

Tailwind CSS plugin to generate filter and backdrop filter utilities

140
8
1y 93d
ISC

This is a Tailwind CSS package which allows you to use CSS filters.

3
0
1y 31d
n/a

Blend-mode utilities for Tailwind CSS.

58
0
1y 26d
n/a

Adds CSS Scroll Snap utilities to Tailwind CSS.

57
6
1y 79d
n/a

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

16
0
1y 6m
MIT

Tailwind CSS plugin to generate pseudo selector variants.

32
0
1y 92d
MIT

Spinner utility for Tailwind CSS

148
6
1y 79d
MIT

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

15
2
1y 8m
n/a

A better base for styling form elements with Tailwind CSS.

1.07K
48
1y 74d
MIT

Tools

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

0
0
10m
n/a

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

2
0
9m
MIT

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

910
23
7m
MIT

๐Ÿ”Œ Convert Bootstrap CSS code to Tailwind CSS code

400
33
1y 78d
MIT

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

4
1
2y 4m
n/a

โš™๏ธ Shift to the next TailwindCSS version hassle-free.

74
5
1y 88d
MIT

CLI for organizing Tailwind CSS classes

28
3
1y 103d
n/a

A react-native style system based on TailwindCSS

401
32
11m
MIT

Brings types to TailwindCSS via TypeScript.

288
6
1y 81d
n/a

Plug Tailwind CSS to your Gatsby website

37
3
1y 96d
n/a

A Tailwind plugin for Gridsome.

88
11
1y 78d
MIT

An ultra-fast TailwindCSS docs search workflow for Alfred 3+

46
3
1y 61d
MIT

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

164
16
1y 52d
n/a

vue-cli plugin for Tailwind CSS

105
6
1y 57d
MIT

Figma Kit for TailwindCSS

609
27
4m
MIT

Figma Plugin for TailwindCSS

191
7
4m
MIT

Tailwind CSS module for Nuxt

471
22
1y 47d
MIT

Preact CLI Plugin that helps add Tailwind CSS to your project

11
2
1y 94d
MIT

Sort a tailwind classlist by plugin name.

4
0
1y 9d
MIT

Sort tailwind classes in HTML with Prettier.

43
1
1y 8d
n/a

tailwind with CSS-in-JS

90
5
1y 50d
MIT

๐Ÿฆนโ€โ™‚๏ธ Use Tailwind classes within css-in-js libraries

753
27
1y 50d
MIT

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

111
3
1y 48d
n/a

A set of Blade components to rapidly build forms with Tailwind CSS Custom Forms and Bootstrap 4. Supports validation, model binding, default values, translations, Laravel Livewire, includes default vendor styling and fully customizable!

90
6
1y 53d
MIT

๐Ÿ”ฅ A schematic that adds Tailwind CSS to Angular applications

64
2
1y 41d
n/a

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

25
2
22d
n/a

Brings TailwindCSS https://tailwindcss.com to ReasonML

113
2
1y 79d
MIT

Create Tailwind CSS plugin and publish on npm with ease

1
0
9m
MIT

๐Ÿ‘ฉโ€๐Ÿ’ป๐Ÿ‘จโ€๐Ÿ’ป Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.

13.22K
2.23K
1y 47d
MIT

Color palette generator that outputs Tailwind CSS configuration files.

Color configuration generator for Tailwind CSS.

OpenAI GPT-3 powered Tailwind CSS code generator.

Template generator with Tailwind (online).

Tailwind CSS fiddle with built-time features (online).

Zeplin extension that generates Tailwind configurations.

Code generator that creates Tailwind CSS based HTML & CSS from Sketch designs.

Framework for rapid email prototyping with Tailwind CSS.

Tailwind CSS class names cheat sheet.

Tailwind CSS class names, variants and directives cheat sheet.

UI Libraries, Components & Templates

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

1.4K
25
1y 18d
MIT

Vue UI components with configurable classes ready for TailwindCSS

1.09K
83
8m
MIT

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

230
16
4m
MIT

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

3
1
12m
n/a

UI library for Tailwind CSS

49
2
10m
MIT

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

11
3
7m
MIT

A Tailwind CSS datepicker built with vanilla JavaScript

50
0
25d
MIT

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

5
1
20d
n/a

admin panel template built on tailwind css

179
39
1y 78d
MIT

Simple Resume Template with Tailwind CSS

0
0
1y 1d
n/a

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

11
3
5m
n/a

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

44
7
1y 1d
n/a

Dashboard starter template built with Vue 3 and Tailwind CSS.

206
40
11m
MIT

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

0
0
10m
n/a

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

7
1
48d
MIT

Clean UI based on tailwindcss

157
11
3y 7m
MIT

Tails is a (no-config) copy'n paste library of templates and components crafted using TailwindCSS

191
143
1y 15d
MIT

A set of gorgeous Transactional HTML Email Templates built on TailwindCSS

50
1
27d
MIT

Component library made with Tailwind CSS.

Paid, developer-friendly templates made with Tailwind CSS.

60+ different ready to use Tailwind CSS blocks.

Community-driven Tailwind CSS component repository.

Templates, components and resources.

Beautiful Tailwind CSS components that support RTL languages.

Collection of templates and components.

React UI templates and components built using Tailwind CSS.

Accessible and reusable components that are commonly used in web applications.

Collection of basic UI components built on Tailwind CSS.

Framework-agnostic, Vue.js, React and Angular components.

Multi theme, completely accessible dashboard template.

Landing page template using gradients (1.7+).

Atomic design toolkit built to extend Tailwind CSS.

Starters & Themes

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

24
3
2y 18d
n/a

Adds Tailwind CSS to a Laravel application

5
1
1y 52d
n/a

A Tailwind CSS frontend preset for the Laravel Framework

966
130
1y 57d
MIT

Dark tailwindcss preset including auth views

39
1
1y 5m
MIT

React + Tailwind + Emotion

24
2
1y 81d
n/a

A streamlined Tailwind CSS template for Create React App in TypeScript

9
5
1y 61d
MIT

โšก๏ธ Set up Next.js Progressive Web App with npx create-next-pwa

22
0
4m
MIT

๐Ÿ’ฅ Set up a tailwind app with npx new-tailwind-app

5
1
4m
MIT

๐ŸŒฌA bare-bones Tailwind CSS boilerplate

4
0
1y 90d
MIT

Jekyll starter styled with Tailwind CSS

145
40
1y 49d
MIT

Starter project for using Jekyll with Tailwind CSS

63
15
1y 4m
n/a

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

0
0
42d
MIT

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

93
12
1y 11m
n/a

Gatsby starter styled with Tailwind CSS

381
75
1y 48d
MIT

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

4
0
1y 78d
MIT

Gatsby + TypeScript + TailwindCSS

64
10
4m
MIT

A Gatsby Starter with Tailwind CSS + Emotion Js

37
5
1y 103d
MIT

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

0
0
1y 4m
MIT

Integrate Tailwind CSS in a Create React App setup

80
10
1y 48d
MIT

create react app with tailwindcss configed

4
0
1y 5m
n/a

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

38
2
2y 24d
n/a

Next.js starter styled with Tailwind CSS

136
29
1y 48d
MIT

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

70
11
1y 95d
n/a

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

6
0
1y 82d
MIT

Starter files for a Hugo theme with Tailwindcss

127
27
1y 54d
MIT

A modern static website workflow using Eleventy, Tailwind CSS, Webpack and PostCSS.

95
14
1y 81d
MIT

Tailwind CSS + PostCSS + BrowserSync boilerplate

7
0
1y 5m
n/a

Tailwind CSS + ParcelJS + TypeScript boilerplate

3
0
1y 5m
n/a

A starter of build VuePress Theme with TailwindCss.

2
0
1y 73d
MIT

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

21
14
1y 81d
MIT

๐Ÿš€ Eleventy Starter is production-ready with SEO-friendly for quickly starting a blog. โšก Built with Eleventy, ESLint, Prettier, Webpack, PostCSS, Tailwind CSS.

37
9
1y 53d
MIT

Starter using Vite + React + Tailwind

50
7
11m
n/a

Vite + Vue 3.x + Tailwind 2.x (starter)

3
0
10m
n/a

๐Ÿงช Shopify theme development environment using Vue and Tailwind CSS

14
0
10m
MIT

Responsive dashboard layout

10
1
10m
MIT

Landing website + Blog using Jekyll & Tailwind CSS

19
19
4m
MIT

๐Ÿš€ Boilerplate and Starter for Next.js 11+, Tailwind CSS 2.0 and TypeScript โšก๏ธ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Husky + Lint-Staged + VSCode + Netlify + PostCSS + Tailwind CSS

641
123
44d
MIT

Open-Source Projects

Self hosted project management and collaboration tool powered by TALL stack

1.43K
498
9m
MIT

A Marvelous Open Source Status Page System

2.24K
149
9m
Apache-2.0

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

120
23
8m
MIT

๐Ÿ“ˆ League of Legends Stats Web App

164
20
9m
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, 1 command deploy to production, Open Source, MIT license. Join us as contributor ([email protected])

275
56
11m
MIT

Moltin, Tailwindcss powered VueCommerce

11
1
1y 5m
n/a

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

1.52K
181
4m
MIT

Learning

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

188
24
2y 5m
MIT

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

82
4
1y 79d
n/a

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

18
1
1y 10m
n/a

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

55
3
2y 6m
MIT

An implementation of the โ€œOpenโ€ landing page template using Tailwind CSS Boilerplate.

5
2
1y 55d
MIT

Demo of building real-world UIs using TailwindCSS

60
10
1y 9m
MIT

Navbar made with Vue.js and Tailwind CSS.

How to add Tailwind CSS to an Ember application.

Rebuilding Laravel.io with Tailwind CSS.

Rebuilding Coinbase with Tailwind CSS [see the Codepen].

Rebuilding Twitter with Tailwind CSS [see the CodePen].

Rebuilding YouTube with Tailwind CSS.

Rebuilding Resolute with Tailwind CSS.

Building a movie production landing page with Tailwind CSS.

Creating a modal dialog with Tailwind CSS.

Creating a login page with Tailwind CSS.

Building a customizable modal with Tailwind CSS and Vue.js.

Building a navigation with Tailwind CSS.

Building a photo gallery with CSS grids and Tailwind CSS.

Rebuilding Bartik (Drupal's default theme) with Vue.js and Tailwind CSS.