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

A curated list of 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: Feb. 27, 2021, 6:09 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
9d
MIT

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

1.4K
25
4m
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
49d
MIT

Tailwind CSS color palette generator

33
2
6m
n/a

tailwindcss class name completion for (neo)vim

209
19
6m
MIT

IntelliSense extension for Visual Studio Code.

Plugins

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

268
14
6m
MIT

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

60
1
26d
MIT

🎨 The easiest way to create themes with Tailwind CSS.

88
6
6m
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
7m
n/a

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

7
3
5m
MIT

Tailwind CSS plugin that adds variants for DarkMode

14
2
103d
MIT

🌚 A Tailwind CSS plugin that adds variants for dark mode

638
24
4m
MIT

Tailwind CSS plugin to generate gap utilities

28
0
6m
ISC

Aspect Ratio Plugin for tailwindcss framework

240
7
7m
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
119d
MIT

Adds CSS Scroll Snap utilities to Tailwind CSS.

57
6
7m
n/a

A TailwindCSS plugin for creating shadow outline with multiple colors

8
0
10m
MIT

Text-indent utilities for Tailwind CSS.

19
1
4m
n/a

Image-rendering utilities for Tailwind CSS.

33
1
4m
n/a

Tailwind CSS plugin to generate filter and backdrop filter utilities

140
8
7m
ISC

Tailwind CSS plugin for Material Components elevation classes

76
0
84d
n/a

TailwindCSS plugin to color caret in input fields.

1
0
41d
MIT

Blend-mode utilities for Tailwind CSS.

58
0
5m
n/a

writing mode utilities for tailwindcss

7
0
2y 10m
n/a

Tailwind CSS plugin to generate border image gradient utilities.

87
1
53d
n/a

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

24
2
67d
MIT

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

1
0
1y 38d
MIT

Fluid utilities for Tailwind CSS

83
9
2y 8m
MIT

Tailwind CSS plugin to generate typography utilities and text style components

209
7
7m
ISC

CSS :after triangle plugin for tailwindcss framework

16
2
1y 10m
n/a

Configurable Tailwind plugin for generating scrim classes.

24
0
1y 10m
n/a

Tailwind CSS plugin to generate truncate multiline utilities

83
5
1y 4m
n/a

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

14
0
7m
MIT

Enabling bidirectional support on tailwindcss framework

104
6
56d
MIT

Tailwind bi-directionality plugin

3
0
29d
MIT

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

23
2
4m
MIT

Tailwind CSS plugin that generates Bootstrap's flexbox grid

55
4
78d
MIT

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

3
0
5m
n/a

🔌 TailwindCSS utility classes for trimming whitespace above & below capital letters.

4
1
5m
ISC

tailwindcss plugin for hide scrollbar

0
0
28d
MIT

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

0
0
15d
MIT

A TailwindCSS Content Placeholder plugin

11
0
4d
n/a

Tailwind CSS plugin to generate pseudo selector variants.

32
0
7m
MIT

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

149
8
1y 5m
MIT

A collection of touch variants for the tailwindcss framework

19
0
1y 9m
n/a

Automatic alpha variants for your Tailwind CSS colors

67
13
2y 85d
n/a

Tailwind CSS variant for styling based on site language.

6
0
1y 10m
MIT

!important variant plugin for tailwindcss framework

21
1
1y 7m
n/a

A Tailwind CSS plugin for matching border radii

5
0
6m
MIT

TailwindCSS plugin to generate fluid utility classes using existing config

12
0
76d
MIT

Tailwind CSS plugin to style list and summary markers

0
0
52d
MIT

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

3
0
27d
MIT

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

165
8
97d
n/a

Streamlined integration between tailwindcss and heropatterns.com

92
5
10m
n/a

responsive embed component for tailwindcss

69
3
6m
n/a

Bootstrap styled tables for Tailwind CSS

81
6
1y 8m
MIT

Card components for Tailwind CSS

25
2
1y 8m
MIT

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

8
0
1y 38d
MIT

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

20
1
2y 117d
n/a

Transform Tailwind config file to CSS variables.

103
9
7m
MIT

Tailwindcss plugin to color caret in input fields

11
4
6m
n/a

Tailwind CSS plugin to generate gradient background utilities

187
8
7m
ISC

🔌🌊 Set of useful plugins for tailwindcss

233
8
7m
MIT

Visually Hidden utility plugin for tailwindcss framework

13
3
1y 9m
n/a

DEPRECATED: Object-position utilities for Tailwind CSS.

1
0
2y 58d
n/a

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

25
0
2y 6m
MIT

[DEPRECATED] Tailwind CSS plugin to generate layout utilities

19
0
1y 9m
n/a

Brings grid support to Tailwind CSS

114
10
1y 10d
n/a

[DEPRECATED] Tailwind CSS plugin to generate transform utilities

107
4
11m
ISC

[DEPRECATED] Tailwind CSS plugin to generate transition utilities

203
8
11m
ISC

Transition utility plugin for tailwindcss framework

34
1
7m
n/a

Plugins & helpers for tailwindcss

88
1
2y 11m
n/a

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

6
0
1y 9m
n/a

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

8
1
1y 8m
n/a

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

16
0
10m
MIT

Spinner utility for Tailwind CSS

148
6
7m
MIT

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

15
2
1y 9d
n/a

A better base for styling form elements with Tailwind CSS.

1.07K
48
6m
MIT

Tools

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

0
0
79d
n/a

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

2
0
58d
MIT

🔌 Convert Bootstrap CSS code to Tailwind CSS code

400
33
6m
MIT

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

4
1
1y 8m
n/a

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

74
5
7m
MIT

CLI for organizing Tailwind CSS classes

28
3
7m
n/a

A react-native style system based on TailwindCSS

401
32
106d
MIT

Brings types to TailwindCSS via TypeScript.

288
6
7m
n/a

Plug Tailwind CSS to your Gatsby website

37
3
7m
n/a

A Tailwind plugin for Gridsome.

88
11
6m
MIT

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

46
3
6m
MIT

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

164
16
6m
n/a

vue-cli plugin for Tailwind CSS

105
6
6m
MIT

Figma Kit for TailwindCSS

398
17
6m
MIT

Figma Plugin for TailwindCSS

106
4
7m
MIT

Tailwind CSS module for Nuxt

471
22
5m
MIT

Preact CLI Plugin that helps add Tailwind CSS to your project

11
2
7m
MIT

Sort a tailwind classlist by plugin name.

4
0
4m
MIT

Sort tailwind classes in HTML with Prettier.

43
1
4m
n/a

tailwind with CSS-in-JS

90
5
6m
MIT

🦹‍♂️ Use Tailwind classes within css-in-js libraries

753
27
6m
MIT

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

111
3
5m
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
6m
MIT

🔥 A schematic that adds Tailwind CSS to Angular applications

64
2
5m
n/a

Brings TailwindCSS https://tailwindcss.com to ReasonML

113
2
7m
MIT

Create Tailwind CSS plugin and publish on npm with ease

1
0
53d
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
5m
MIT

Color palette generator that outputs Tailwind CSS configuration files.

Color shades generator for Tailwind CSS.

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
4m
MIT

Vue UI components with configurable classes ready for TailwindCSS

1.09K
83
34d
MIT

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

3
1
4m
n/a

Datepicker component for vue.js build with Tailwind CSS & dayjs date library

69
12
7m
n/a

UI library for Tailwind CSS

49
2
70d
MIT

admin panel template built on tailwind css

179
39
6m
MIT

Simple Resume Template with Tailwind CSS

0
0
4m
n/a

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

44
7
4m
n/a

Dashboard starter template built with Vue 3 and Tailwind CSS.

206
40
116d
MIT

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

0
0
78d
n/a

Clean UI based on tailwindcss

157
11
3y 3d
MIT

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

191
143
4m
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 Tailwind CSS component blocks and UI elements.

Collection of basic UI components built on Tailwind CSS.

Switches using jQuery and 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
1y 4m
n/a

Adds Tailwind CSS to a Laravel application

5
1
6m
n/a

A Tailwind CSS frontend preset for the Laravel Framework

966
130
6m
MIT

Dark tailwindcss preset including auth views

39
1
9m
MIT

React + Tailwind + Emotion

24
2
7m
n/a

A streamlined Tailwind CSS template for Create React App in TypeScript

9
5
6m
MIT

🌬A bare-bones Tailwind CSS boilerplate

4
0
7m
MIT

Jekyll starter styled with Tailwind CSS

145
40
6m
MIT

Starter project for using Jekyll with Tailwind CSS

63
15
8m
n/a

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

93
12
1y 116d
n/a

Gatsby starter styled with Tailwind CSS

381
75
5m
MIT

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

4
0
6m
MIT

Gatsby + TypeScript + TailwindCSS

42
5
8m
MIT

A Gatsby Starter with Tailwind CSS + Emotion Js

37
5
7m
MIT

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

0
0
9m
MIT

Integrate Tailwind CSS in a Create React App setup

80
10
5m
MIT

create react app with tailwindcss configed

4
0
9m
n/a

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

38
2
1y 5m
n/a

Next.js starter styled with Tailwind CSS

136
29
5m
MIT

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

70
11
7m
n/a

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

6
0
7m
MIT

Starter files for a Hugo theme with Tailwindcss

127
27
6m
MIT

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

95
14
7m
MIT

Tailwind CSS + PostCSS + BrowserSync boilerplate

7
0
9m
n/a

Tailwind CSS + ParcelJS + TypeScript boilerplate

3
0
9m
n/a

A starter of build VuePress Theme with TailwindCss.

2
0
6m
MIT

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

21
14
7m
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
6m
MIT

Starter using Vite + React + Tailwind

50
7
4m
n/a

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

3
0
84d
n/a

🧪 Shopify theme development environment using Vue and Tailwind CSS

14
0
82d
MIT

Responsive dashboard layout

10
1
75d
MIT

Open-Source Projects

Self hosted project management and collaboration tool powered by TALL stack

1.43K
498
51d
MIT

A Marvelous Open Source Status Page System

2.24K
149
55d
Apache-2.0

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

120
23
35d
MIT

📈 League of Legends Stats Web App

164
20
51d
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
115d
MIT

Moltin, Tailwindcss powered VueCommerce

11
1
10m
n/a

Learning

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

188
24
1y 9m
MIT

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

82
4
7m
n/a

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

18
1
1y 90d
n/a

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

55
3
1y 10m
MIT

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

5
2
6m
MIT

Demo of building real-world UIs using TailwindCSS

60
10
1y 53d
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.

Building a responsive navbar 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.

Rebuilding Airbnb's Home Page with Tailwind CSS.