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.
Thank you aniftyco & contributors
View Topic on GitHub:
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.
A utility-first CSS framework for rapid UI development.
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
An opinionated Tailwind CSS class sorter built for Visual Studio Code
Tailwind CSS color palette generator
tailwindcss class name completion for (neo)vim
Tailwind CSS plugin for client-side theming using CSS variables, with dark mode support
🎨 The easiest way to create themes with Tailwind CSS.
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
Tailwind CSS plugin that adds variants for @media (prefers-color-scheme: dark) or using an activator CSS class
Tailwind CSS plugin that adds variants for DarkMode
🌚 A Tailwind CSS plugin that adds variants for dark mode
🎨 Adds multiple themes support for Tailwind CSS and Windi CSS.
TailwindCSS plugin that helps styling radix state
Tailwind CSS plugin to generate gap utilities
Aspect Ratio Plugin for tailwindcss framework
Tailwind CSS plugin that lets you write your configuration file with your own custom utilities as though they were native to the framework
A TailwindCSS plugin for creating shadow outline with multiple colors
Text-indent utilities for Tailwind CSS.
Image-rendering utilities for Tailwind CSS.
Tailwind CSS plugin for Material Components elevation classes
writing mode utilities for tailwindcss
Tailwind CSS plugin to generate border image gradient utilities.
This is a Tailwind CSS plugin to generate utility classes for RFS
Re-adds the list-reset utility that was removed prior to Tailwind 1.0.0.
Fluid utilities for Tailwind CSS
Tailwind CSS plugin to generate typography utilities and text style components
CSS :after triangle plugin for tailwindcss framework
Configurable Tailwind plugin for generating scrim classes.
Tailwind CSS plugin to generate truncate multiline utilities
Generate classnames for CSS Logical Properties for margin, padding, border-width, border-raduis, text-align, float & writing-mode.
Enabling bidirectional support on tailwindcss framework
Tailwind bi-directionality plugin
Tailwind plugin for adding brands colors as background, border and text colors.
Tailwind CSS plugin that generates Bootstrap's flexbox grid
✂️ Tailwind CSS utility classes for trimming whitespace above & below capital letters.
tailwindcss plugin for hide scrollbar
Tailwind CSS preset to extend Tailwind CSS's Transition Timing Function
A TailwindCSS Content Placeholder plugin
This plugin exposes a class that hides the browser's default scrollbar using various tricks.
Tailwind plugin to create classes for the scroll-behavior property
Tailwind plugin to create classes for the accent-color CSS property. Shipped in Chrome 93 and Firefox 92.
The missing Tailwind CSS text-decoration plugin
tailwind utility to capitalise only first letter of string
A plugin that makes the use of Fluid Type a breeze.
Adds direction (LTR, RTL) variants to your Tailwind project
A collection of touch variants for the tailwindcss framework
Automatic alpha variants for your Tailwind CSS colors
Tailwind CSS variant for styling based on site language.
!important variant plugin for tailwindcss framework
A Tailwind CSS plugin for matching border radii
TailwindCSS plugin to generate fluid utility classes using existing config
Plugin for Tailwind CSS that adds all the different pseudo selectors to variants
A Tailwind CSS component that shows the currently active screen (responsive breakpoint).
Streamlined integration between tailwindcss and heropatterns.com
responsive embed component for tailwindcss
Bootstrap styled tables for Tailwind CSS
Card components for Tailwind CSS
Tailwind CSS plugin to easily add a 'skip to main content' link.
Tailwind plugin to generate css vars '--color-name' for colors list.
Transform Tailwind config file to CSS variables.
Easily create css variables without the need for a css file!
A little bit of utility classes related to css 3d transform
TailwindCSS plugin to color caret in input fields.
Tailwindcss plugin to color caret in input fields
Tailwind CSS plugin to generate gradient background utilities
🔌🌊 Set of useful plugins for tailwindcss
Visually Hidden utility plugin for tailwindcss framework
DEPRECATED: Object-position utilities for Tailwind CSS.
A Tailwind CSS plugin that adds additional functionality to help improve accessibility.
[DEPRECATED] Tailwind CSS plugin to generate layout utilities
Brings grid support to Tailwind CSS
[DEPRECATED] Tailwind CSS plugin to generate transform utilities
[DEPRECATED] Tailwind CSS plugin to generate transition utilities
Transition utility plugin for tailwindcss framework
Plugins & helpers for tailwindcss
DEPRECATED: All of the missing cursor utilities for Tailwind CSS.
A plugin for Tailwind CSS to create utility classes for font-variant-numeric.
Tailwind CSS plugin to generate filter and backdrop filter utilities
Expressive CSS filters for Tailwind CSS.
Blend-mode utilities for Tailwind CSS.
CSS Scroll Snap utilities for Tailwind CSS
Automatic alpha variants for your Tailwind CSS colors based on your opacity config
Tailwind CSS plugin to generate pseudo selector variants.
Spinner utility for Tailwind CSS
TailwindCSS plugin to generate classes for setting fixed space between containers child elements.
A better base for styling form elements with Tailwind CSS.
Color Kraken is an hsl tailwind integration that generates custom color shades from a given hexcolor
A Babel plugin to add custom dark tailwind class when compiling your code using Babel.
The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.
🔌 Convert Bootstrap CSS code to Tailwind CSS code
Small utility to convert .html files with tailwind v.0.x class name into compatible with version v.1.0
⚙️ Shift to the next TailwindCSS version hassle-free.
CLI for organizing Tailwind CSS classes
A react-native style system based on TailwindCSS
Brings types to TailwindCSS via TypeScript.
Plug Tailwind CSS to your Gatsby website
A Tailwind plugin for Gridsome.
An ultra-fast TailwindCSS docs search workflow for Alfred 4
A CLI tool for integrating Tailwind CSS into Angular-CLI projects
vue-cli plugin for Tailwind CSS
Figma Kit for TailwindCSS
Figma Plugin for TailwindCSS
Tailwind CSS module for Nuxt
Preact CLI Plugin that helps add Tailwind CSS to your project
Sort a tailwind classlist by plugin name.
Sort tailwind classes in HTML with Prettier.
Tailwind CSS as a templating language in JS and CSS-in-JS
🦹♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.
A local UI tool for visualizing your Tailwind CSS configuration file.
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!
🔥 A schematic that adds Tailwind CSS to Angular applications
clb is a small, utility function that builds a class list based on a simple api.
Brings TailwindCSS https://tailwindcss.com to ReasonML
📟 Create Tailwind CSS plugin and publish on npm with ease
👩💻👨💻 Awesome cheatsheets for popular programming languages, frameworks and development tools. They include everything you should know in one single file.
UI Libraries, Components & Templates
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Vue UI components with configurable classes ready for TailwindCSS
Clean UI based on tailwindcss
The Tails Open Source Components are a (no-config) copy'n paste free collection of hand-crafted templates and components built in TailwindCSS.
A growing collection of text/image cards you can use/copy-paste in your tailwind css projects
Jakarta LTE - Free and Open Source Premium Admin Templates with rich UI Kit base on Tailwind CSS
⭐️ ⭐️ ⭐️ ⭐️ ⭐️ Tailwind Components
Litepie Datepicker is a date range picker component for Vue.js and Tailwind CSS, dependent to day.js.
Just another vue&tailwind component that present you complete typeahead/autocomplete input.
admin panel template built on tailwind css
Simple Resume Template with Tailwind CSS
An HTML resume styled with Tailwind.css based on Universal Resume
Simple Light is a free landing page template built on top of TailwindCSS and fully coded in React. Made by
Dashboard starter template built with Vue 3 and Tailwind CSS.
A free Nuxt.js tailwindcss landing page template designed to showcase SaaS businesses, online services, and more.
Tailmin - Admin dashboard built with Vue.js and Tailwind CSS
A set of gorgeous Transactional HTML Email Templates built on TailwindCSS
Starters & Themes
Create React apps with no build configuration, extended with TailwindCSS and PurgeCSS
A preset for installing @tailwindlabs in a fresh Laravel project
A Tailwind CSS frontend preset for the Laravel Framework
Dark tailwindcss preset including auth views
React + Tailwind + Emotion
A streamlined Tailwind CSS template for Create React App in TypeScript
⚡️ Set up Next.js Progressive Web App with
💥 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.
🌬A bare-bones Tailwind CSS boilerplate
Jekyll starter styled with Tailwind CSS
Starter project for using Jekyll with Tailwind CSS
A dead simple, comprehensive Jekyll boilerpalte styling with Tailwind CSS.
A starter kit to get going with tailwind, gulp and browser-sync.
Gatsby starter styled with Tailwind CSS
A Simple, Free Gatsby/TailwindCSS Starter Theme For Business Websites
Gatsby + TypeScript + TailwindCSS
A Gatsby Starter with Tailwind CSS + Emotion Js
Get up and developing quickly with Gatsby, Tailwind CSS, and some opinionated goodies
Integrate Tailwind CSS in a Create React App setup
create react app with tailwindcss configed
A WordPress starter theme including Webpack (via Laravel Mix), Vue, Babel and Tailwind CSS.
Next.js starter styled with Tailwind CSS
Sapper, Svelte, TailwindCSS, PurgeCSS starter with Prettier and ESLint enabled
A starter project with Netlify Lambda, Tailwind CSS and static pages.
Starter files for a Hugo theme with Tailwindcss
Eleventy Web Starter is a lightweight Eleventy boilerplate utilising, ESBuild Tailwind and PostCSS.
Tailwind CSS + PostCSS + BrowserSync boilerplate
Tailwind CSS + ParcelJS + TypeScript boilerplate
A starter of build VuePress Theme with TailwindCss.
A Gatsby theme based on gatsby-serif-theme, rewrite with Tailwind CSS.
🚀 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).
Starter using Vite + React + Tailwind CSS 2
Vite + Vue 3 + Tailwind CSS (starter) ⚡
Shopify theme development environment using Liquid, Vue and Tailwind CSS. Built on top of Shopify CLI 🧪
Responsive dashboard layout
Landing website + Blog using Jekyll & Tailwind CSS
🚀 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
Opinionated Vite starter template with TailwindCSS
Self hosted project management and collaboration tool powered by TALL stack
A Marvelous Open Source Status Page System
Front-end application for Todolist Web application built with Laravel and Vue.js
📈 League of Legends Stats Web App
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.
Moltin, Tailwindcss powered VueCommerce
Personal portfolio website of theme Ubuntu 20.04, made using NEXT.js & tailwind CSS
Examples to help you get started building your own Tailwind CSS plugins.
Basic demo on how to switch styles with Tailwind, handy for dark mode type purposes.
A clone of Acquia's dashboard, built with Vue.js and Tailwind CSS.
An switch toggle for https://tailwindcss.com/
🛬 An implementation of the “Open” landing page template using Tailwind CSS Boilerplate.
Demo of building real-world UIs using TailwindCSS