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: Nov. 26, 2020, 3:11 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.

31.55K
1.45K
7d
MIT

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

1.4K
25
55d
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

604
21
13d
MIT

Tailwind CSS color palette generator

21
1
95d
n/a

tailwindcss class name completion for (neo)vim

163
16
99d
MIT

IntelliSense extension for Visual Studio Code.

Plugins

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

268
14
86d
MIT

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

26
1
6d
MIT

🎨 The easiest way to create themes with Tailwind CSS.

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

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

7
3
84d
MIT

Tailwind CSS plugin that adds variants for DarkMode

14
2
9d
MIT

🌚 A Tailwind CSS plugin that adds variants for dark mode

626
24
41d
MIT

Tailwind CSS plugin to generate gap utilities

28
0
113d
ISC

Aspect Ratio Plugin for tailwindcss framework

216
4
4m
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
25d
MIT

Adds CSS Scroll Snap utilities to Tailwind CSS.

57
6
116d
n/a

A TailwindCSS plugin for creating shadow outline with multiple colors

8
0
7m
MIT

Text-indent utilities for Tailwind CSS.

15
0
42d
n/a

Image-rendering utilities for Tailwind CSS.

25
1
42d
n/a

Tailwind CSS plugin to generate filter and backdrop filter utilities

98
6
4m
ISC

Tailwind CSS plugin for Material Components elevation classes

52
0
110d
n/a

Tailwindcss plugin to color caret in input fields

10
4
99d
n/a

Blend-mode utilities for Tailwind CSS.

54
0
63d
n/a

writing mode utilities for tailwindcss

6
0
2y 7m
n/a

Tailwind CSS plugin to generate border image gradient utilities.

75
1
56d
n/a

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

18
2
8m
MIT

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

1
0
10m
MIT

Fluid utilities for Tailwind CSS

78
8
2y 5m
MIT

Tailwind CSS plugin to generate typography utilities and text style components

198
5
4m
ISC

CSS :after triangle plugin for tailwindcss framework

14
1
1y 7m
n/a

Configurable Tailwind plugin for generating scrim classes.

24
0
1y 6m
n/a

Tailwind CSS plugin to generate truncate multiline utilities

70
5
1y 37d
n/a

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

13
0
4m
MIT

Enabling bidirectional support on tailwindcss framework

70
4
1d
MIT

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

15
1
54d
MIT

Tailwind CSS plugin that generates Bootstrap's flexbox grid

35
2
21d
MIT

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

3
0
68d
n/a

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

4
1
83d
ISC

Tailwind CSS plugin to generate pseudo selector variants.

32
0
4m
MIT

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

135
8
1y 80d
MIT

A collection of touch variants for the tailwindcss framework

16
0
1y 6m
n/a

Automatic alpha variants for your Tailwind CSS colors

64
13
1y 11m
n/a

Tailwind CSS variant for styling based on site language.

6
0
1y 7m
MIT

!important variant plugin for tailwindcss framework

21
1
1y 4m
n/a

A Tailwind CSS plugin for matching border radii

3
0
114d
MIT

TailwindCSS plugin to generate fluid utility classes by leveraging existing config

10
0
6m
MIT

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

112
7
3d
n/a

Streamlined integration between tailwindcss and heropatterns.com

77
4
7m
n/a

responsive embed component for tailwindcss

57
3
105d
n/a

Bootstrap styled tables for Tailwind CSS

77
5
1y 5m
MIT

Card components for Tailwind CSS

23
2
1y 5m
MIT

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

5
0
10m
MIT

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

19
1
2y 23d
n/a

Transform Tailwind config file to CSS variables.

92
8
4m
MIT

Tailwind CSS plugin to generate gradient background utilities

172
7
4m
ISC

🔌🌊 Set of useful plugins for tailwindcss

233
8
4m
MIT

Visually Hidden utility plugin for tailwindcss framework

13
3
1y 5m
n/a

DEPRECATED: Object-position utilities for Tailwind CSS.

1
0
1y 10m
n/a

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

25
0
2y 111d
MIT

[DEPRECATED] Tailwind CSS plugin to generate layout utilities

19
0
1y 6m
n/a

Brings grid support to Tailwind CSS

114
10
9m
n/a

[DEPRECATED] Tailwind CSS plugin to generate transform utilities

107
4
8m
ISC

[DEPRECATED] Tailwind CSS plugin to generate transition utilities

203
8
8m
ISC

Transition utility plugin for tailwindcss framework

34
1
4m
n/a

Plugins & helpers for tailwindcss

88
1
2y 8m
n/a

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

6
0
1y 6m
n/a

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

8
1
1y 5m
n/a

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

16
0
7m
MIT

Spinner utility for Tailwind CSS

148
6
116d
MIT

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

15
1
9m
n/a

A better base for styling form elements with Tailwind CSS.

1.07K
48
111d
MIT

Tools

🔌 Convert Bootstrap CSS code to Tailwind CSS code

400
33
115d
MIT

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

4
1
1y 5m
n/a

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

74
5
4m
MIT

CLI for organizing Tailwind CSS classes

28
3
4m
n/a

A react-native style system based on TailwindCSS

352
29
12d
MIT

Brings types to TailwindCSS via TypeScript.

288
6
118d
n/a

Plug Tailwind CSS to your Gatsby website

37
3
4m
n/a

A Tailwind plugin for Gridsome.

88
11
115d
MIT

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

46
3
98d
MIT

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

164
16
89d
n/a

vue-cli plugin for Tailwind CSS

105
6
94d
MIT

Figma Kit for TailwindCSS

398
17
106d
MIT

Figma Plugin for TailwindCSS

106
4
4m
MIT

Tailwind CSS module for Nuxt

471
22
84d
MIT

Preact CLI Plugin that helps add Tailwind CSS to your project

11
2
4m
MIT

Sort a tailwind classlist by plugin name.

4
0
46d
MIT

Sort tailwind classes in HTML with Prettier.

43
1
45d
n/a

tailwind with CSS-in-JS

90
5
87d
MIT

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

753
27
87d
MIT

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

111
3
85d
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
90d
MIT

Brings TailwindCSS https://tailwindcss.com to ReasonML

113
2
116d
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
84d
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
55d
MIT

Vue UI components with configurable classes ready for TailwindCSS

839
68
1d
MIT

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

3
1
32d
n/a

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

69
12
4m
n/a

admin panel template built on tailwind css

179
39
115d
MIT

Simple Resume Template with Tailwind CSS

0
0
38d
n/a

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

44
7
38d
n/a

Dashboard starter template built with Vue 3 and Tailwind CSS.

206
40
22d
MIT

Clean UI based on tailwindcss

151
9
2y 9m
MIT

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

191
143
52d
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 55d
n/a

Adds Tailwind CSS to a Laravel application

5
1
89d
n/a

A preset for kick-starting a project using Tailwind CSS and Vite

3
1
109d
n/a

A Tailwind CSS frontend preset for the Laravel Framework

966
130
94d
MIT

Dark tailwindcss preset including auth views

39
1
6m
MIT

React + Tailwind + Emotion

24
2
118d
n/a

A streamlined Tailwind CSS template for Create React App in TypeScript

9
5
98d
MIT

🌬A bare-bones Tailwind CSS boilerplate

4
0
4m
MIT

Jekyll starter styled with Tailwind CSS

145
40
86d
MIT

Starter project for using Jekyll with Tailwind CSS

63
15
5m
n/a

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

93
12
1y 22d
n/a

Gatsby starter styled with Tailwind CSS

381
75
85d
MIT

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

4
0
115d
MIT

Gatsby + TypeScript + TailwindCSS

42
5
5m
MIT

A Gatsby Starter with Tailwind CSS + Emotion Js

37
5
4m
MIT

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

0
0
6m
MIT

Integrate Tailwind CSS in a Create React App setup

80
10
85d
MIT

create react app with tailwindcss configed

4
0
6m
n/a

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

38
2
1y 61d
n/a

Next.js starter styled with Tailwind CSS

136
29
85d
MIT

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

70
11
4m
n/a

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

6
0
119d
MIT

Starter files for a Hugo theme with Tailwindcss

127
27
91d
MIT

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

95
14
118d
MIT

Tailwind CSS + PostCSS + BrowserSync boilerplate

7
0
6m
n/a

Tailwind CSS + ParcelJS + TypeScript boilerplate

3
0
6m
n/a

A starter of build VuePress Theme with TailwindCss.

2
0
110d
MIT

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

21
14
118d
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
90d
MIT

Starter using Vite + React + Tailwind

50
7
30d
n/a

Open-Source Projects

Self hosted project management and collaboration tool powered by TALL stack

1.32K
474
49d
MIT

A Marvelous Open Source Status Page System

2.13K
146
3d
Apache-2.0

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

107
21
86d
MIT

📈 League of Legends Stats Web App

142
17
12d
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])

240
47
21d
MIT

Moltin, Tailwindcss powered VueCommerce

11
1
6m
n/a

Learning

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

188
24
1y 6m
MIT

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

82
4
116d
n/a

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

18
1
12m
n/a

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

55
3
1y 7m
MIT

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

5
2
92d
MIT

Demo of building real-world UIs using TailwindCSS

60
10
10m
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.

Apps & Websites

Thoughts, Stories & Ideas.

Deploy your apps quickly and easily.

Is tired of boring websites.

Be awaked by your birth.

Build beautiful, easy to manage websites.

A static version of your website in one click.

Helping Brussels go solar.

Versatile vue-based framework for server-side-rendered, static and traditional single page applications.