Top 50 Awesome List

aniftyco/awesome-tailwindcss

Front-End DevelopmentΒ Β 7 days agoΒ Β 8.8k
😎 Awesome things related to Tailwind CSS
View byDAY/WEEK/README
View on Github

May 17th

UI Libraries, Components & Templates

  • πŸ“š Headless UI Float - Floating UI integration for Headless UI.
  • πŸ“š Xtend UI - Tailwind CSS components with advanced interactions and animations.
  • Apr 28th

    Plugins

  • πŸ’Ό Grid Areasstars25 - Adds grid-areas and grid-area utilities.
  • Tools

  • πŸ’ΌπŸ”§ tailwindcss-webpack-pluginstars6 - Out-of-the-box Tailwind CSS, supports "Design in Devtools" mode and visualizes Tailwind CSS configuration.
  • Apr 15th

    IDE Extensions

  • Tailwind CSS Highlight - Highlight utilities extension for Visual Studio Code.
  • Apr 6th

    Tools

  • πŸŽ¨πŸŒπŸ”§ Ui Colors - Color palette generator for Tailwind CSS.
  • Mar 28th

    Open-Source Projects

  • GitProfilestars302 - Automatic portfolio builder based on GitHub profiles, built with React.js and Tailwind CSS.
  • Mar 19th

    Tools

  • πŸ’Ό twined-componentsstars5 - Extended component of a styled-components that prioritizes class names for use in Tailwind CSS.
  • Mar 18th

    Open-Source Projects

  • Angular Spotifystars2k - Spotify client built with Angular, Nx Workspace and Tailwind CSS.
  • Mar 14th

    Starters & Themes

  • πŸš€ Vite-Bootstars16 - Vite + Vue3 + TypeScript + Vue-Router4 + Pinia + Tailwind CSS + VueUse Template.
  • Mar 9th

    Plugins

  • 🧬 FormKit - Adds variants for input and form states for FormKit.
  • Feb 18th

    Plugins

  • πŸ’Ό Background Unsplashstars7 - Apply unsplash.com images as background.
  • Feb 16th

    UI Libraries, Components & Templates

  • 🧩 Myna UI - Open source UI Components and Marketing Elements made with Tailwind CSS.
  • Feb 15th

    UI Libraries, Components & Templates

  • 🧩 Fancy Tailwind - Large collection of Tailwind CSS UI components (700+).
  • Feb 3rd

    UI Libraries, Components & Templates

  • 🧩 Snippets - Open source collection of animation snippets made for Tailwind CSS.
  • Jan 21st

    UI Libraries, Components & Templates

  • πŸ“ Cruip - Beautifully designed HTML, React, and Vue.js templates.
  • Jan 13th

    Starters & Themes

  • πŸš€ Vite + React + TypeScript + Tailwind 3.x starterstars20 - GitHub Template for Vite, React + Tailwind 3.x + TypeScript.
  • Jan 3rd

    UI Libraries, Components & Templates

  • πŸ“š Svelte Headless UIstars699 - Unofficial Svelte port of Headless UI.
  • Dec 29th, 2021

    Plugins

  • 🎨🧬 Themerstars20 - Adds theming support for Tailwind CSS with CSS variables and variants.
  • UI Libraries, Components & Templates

  • 🧩 HyperUI - Open source marketing and ecommerce Tailwind CSS components.
  • Dec 18th, 2021

    Plugins

  • 🧬 Container Queriesstars37 - Adds CSS Container Query variants.
  • Dec 7th, 2021

    Tools

  • πŸ’Ό Tailwind CSS Figma UI Design Kit - Figma UI Design Kit for Tailwind CSS.
  • 🌍 Tailwind Cheat Sheet - Tailwind CSS utility class names in a searchable interface.
  • UI Libraries, Components & Templates

  • πŸ“ Admin One Vue 3stars549 - Free Vue.js 3 Tailwind CSS admin template with Vite & Vue CLI support.
  • Dec 1st, 2021

    Tools

  • πŸ’ΌπŸŒ Inspect Flow - The complete developer tool for Tailwind CSS.
  • Nov 25th, 2021

    Plugins

  • 🎨🧬 Themeablestars23 - Adds multiple themes support for Tailwind CSS.
  • Nov 24th, 2021

    Plugins

  • πŸ’ΌπŸ§¬ Radixstars541 - Adds utilities and variants for styling Radix UI state.
  • Nov 23rd, 2021

    UI Libraries, Components & Templates

  • 🧩 Layouts for Tailwind - Layouts and UI Patterns for Tailwind CSS.
  • Nov 19th, 2021

    Learning

  • πŸ”§ Tailwind CSS with Emberstars22 - How to add Tailwind CSS to an Ember application.
  • Nov 1st, 2021

    UI Libraries, Components & Templates

  • πŸ“ Red Pixel Themes - Paid, developer-friendly templates made with Tailwind CSS.
  • Oct 27th, 2021

    Starters & Themes

  • πŸš€ Vitailsestars73 - Opinionated Vite starter template with Vue 3, TypeScript and Tailwind CSS.
  • Oct 23rd, 2021

    UI Libraries, Components & Templates

  • 🧩 Material Tailwind - Easy to use components library for Tailwind CSS and Material Design.
  • πŸ“ Material Tailwind Kit React - Free Tailwind CSS and React UI kit.
  • πŸ“ Material Tailwind Dashboard React - Free Tailwind CSS and React admin template.
  • Oct 22nd, 2021

    UI Libraries, Components & Templates

  • πŸ“š a17t - Atomic design toolkit built to extend Tailwind CSS.
  • πŸ“š tails-uistars180 - React UI library using Tailwind CSS.
  • πŸ“š tailsstars656 - Hand-crafted templates and components using Tailwind CSS.
  • πŸ“ Vue Notus - Open-source Tailwind CSS and Vue.js UI kit.
  • πŸ“ EasyTailwind - Freemium, easily customizable templates made with Tailwind CSS.
  • Oct 1st, 2021

    Tools

  • πŸ’Ό clbstars54 - clb (class list builder) is a utility function that builds a class list based on a Stitches like API.
  • Sep 30th, 2021

    UI Libraries, Components & Templates

  • 🧩 Tailwind Typeaheadstars11 - Typeahead/Autocomplete component built with Vue.js and Tailwind CSS.
  • Tools

  • 🌍 Flowrift - Beautifully designed Tailwind CSS UI blocks.
  • Sep 29th, 2021

    UI Libraries, Components & Templates

  • πŸ“š Flowbite - Open-source component library built with Tailwind CSS.
  • 🧩 Tailwind Datepickerstars84 - Adds a datepicker component built with Tailwind CSS and vanilla JavaScript.
  • Sep 28th, 2021

    UI Libraries, Components & Templates

  • πŸ“ OhMySMTP Templatesstars121 - Set of Transactional HTML Email Templates, built with Maizzle
  • Sep 24th, 2021

    Starters & Themes

  • πŸš€ Next JS Boilerplatestars1.9k - Boilerplate for Next.js and Tailwind CSS.
  • Sep 22nd, 2021

    Plugins

  • πŸ’Ό Fluid Typestars71 - Adds fluid type (font-size) utilities.
  • Sep 17th, 2021

    Tools

  • πŸŒπŸ”§ Windframe - Tailwind CSS drag and drop builder to rapidly build and prototype websites.
  • Sep 7th, 2021

    Starters & Themes

  • πŸš€ Jekyll Starter - Jekyll starter using Tailwind CSS
  • Sep 2nd, 2021

    UI Libraries, Components & Templates

  • πŸ“ Tailminstars35 - Admin dashboard built with Vue.js and Tailwind CSS.
  • Jul 30th, 2021

    Plugins

  • 🧩 Perspectivestars53 - Adds perspective utilities.
  • Jul 6th, 2021

    UI Libraries, Components & Templates

  • πŸ“š Vechai UI - High-quality accessible React components with the built-in dark mode using Tailwind CSS.
  • Jun 25th, 2021

    Tools

  • πŸŽ¨πŸŒπŸ”§ Tailwind Gradient Generator - Create perfect Tailwind CSS gradients with zero lines of code.
  • Jun 21st, 2021

    Starters & Themes

  • πŸ“Ÿ new-tailwind-appstars230 - Creates React.js, Next.js, Gatsby.js, Vue3, Laravel, and basic Tailwind CSS apps.
  • Jun 12th, 2021

    Starters & Themes

  • πŸ“Ÿ Next.js PWAstars58 – CLI that generate boilerplate code of Next.js PWA along with Tailwind CSS integration.
  • Jun 2nd, 2021

    UI Libraries, Components & Templates

  • πŸ“š Tailwind Elements - Huge collection of free components, mobile-friendly thanks to Bootstrap 5.
  • May 24th, 2021

    Tools

  • πŸ’Ό Gust - Drag and drop page builder for WordPress.
  • May 23rd, 2021

    Tools

  • 🌍 Tailwind Cheat Sheet - Tailwind CSS class names in a searchable page.
  • May 10th, 2021

    Tools

  • πŸ’Ό Tailwind CSS Figma Kitstars689 - Figma Kit for Tailwind CSS.
  • πŸ’Ό Tailwind CSS Figma Pluginstars240 - Figma plugin that integrates Tailwind CSS.
  • Starters & Themes

  • πŸš€ Gatsby Starter + TypeScriptstars75 - Gatsby starter using Tailwind CSS and TypeScript.
  • May 7th, 2021

    Starters & Themes

  • πŸš€ Jekyll Landing Website Starterstars57 - Production ready, SEO-friendly, performant landing website boilerplate using Jekyll and Tailwind CSS.
  • Apr 19th, 2021

    Open-Source Projects

  • Ubuntu 20.04stars2.4k - An Ubuntu desktop using React.js + Tailwind CSS.
  • Apr 7th, 2021

    Learning

  • πŸ’™πŸŽ¬ Tailwind CSS: From Zero to Production - Complete walkthrough of Tailwind CSS, from installation to optimization for deployment.
  • Plugins

  • 🧩 CSS Variablesstars57 - Exports custom CSS variables (Dark Mode supported).
  • Mar 23rd, 2021

    UI Libraries, Components & Templates

  • πŸ“ Resumestars65 - A stylized resume template built with Tailwind CSS, featuring a nifty hero-pattern background and custom font.
  • Mar 19th, 2021

    Tools

  • πŸ”Ό Windy - Browser extension to convert HTML elements to Tailwind CSS.
  • Mar 17th, 2021

    UI Libraries, Components & Templates

  • 🧩 Tailwind Cardsstars388 - Growing collection of text/image cards.
  • Mar 16th, 2021

    Plugins

  • 🎨🧬 Theme Variantsstars128 - Adds theme variants based on media queries and/or CSS selectors.
  • Mar 15th, 2021

    Useful Links

  • πŸ’™ Just-in-timestars2.2k - Just-in-time compiler for Tailwind CSS.
  • Mar 10th, 2021

    UI Libraries, Components & Templates

  • 🧩 Litepie Date pickerstars254 - A date range picker component for Vue.js and Tailwind CSS.
  • Mar 7th, 2021

    Plugins

  • πŸ’Ό No Scrollbarstars5 - Exposes scrollbar-none to visually hide a scrollbar.
  • Mar 1st, 2021

    Tools

  • πŸŒπŸ”§πŸ’Ό Twindstars2.2k - Compiler functions that turn Tailwind's classes into CSS at run, serve and build time.
  • Feb 25th, 2021

    Plugins

  • πŸ’Ό Content Placeholderstars95 - Adds utilities for content placeholder images.
  • Feb 17th, 2021

    Learning

  • πŸ”§ Web2Tailwind - How to build web components with Tailwind CSS with AlpineJS.
  • Feb 14th, 2021

    Plugins

  • πŸ’Ό Downwind CSS Easingsstars1 - Extends transition-timing-function utilities.
  • Feb 6th, 2021

    Plugins

  • 🧬 Pseudo selectorsstars34 - Adds variants for the pseudo-classes and pseudo-elements that Tailwind CSS doesn't have by default.
  • UI Libraries, Components & Templates

  • 🧩 Mamba UI - Free Tailwind CSS components, sections and templates.
  • Feb 4th, 2021

    UI Libraries, Components & Templates

  • 🧩 Kometa UI Kit - Free multi-purpose UI kit, built with Tailwind CSS.
  • Feb 2nd, 2021

    Tools

  • 🌍 Updrafts.app - Advanced online no-code drag and drop editor for Tailwind CSS.
  • Feb 1st, 2021

    Plugins

  • πŸ’Ό Scrollbar Hidestars62 - Adds scrollbar-hide class for visual hide scrollbar.
  • Jan 31st, 2021

    UI Libraries, Components & Templates

  • 🧩 Daisy UIstars10.9k - UI Components for Tailwind CSS.
  • Jan 30th, 2021

    Plugins

  • πŸ’Ό Bidirectionalstars9 - Replace the core utilities to be bi-direction compatible.
  • Jan 25th, 2021

    Tools

  • πŸ’Ό @ngneat/tailwindstars595 - Tailwind CSS integration for Angular.
  • πŸŒπŸ”§ brands-tail-color - Configuration generator using various brands' colors.
  • Jan 23rd, 2021

    Tools

  • πŸ”§ create-tailwind-pluginstars14 - Plugin scaffolder for Tailwind CSS.
  • Jan 22nd, 2021

    UI Libraries, Components & Templates

  • πŸ§©πŸ“ themes.dev - Handcrafted, free and premium Tailwind CSS themes and components.
  • Learning

  • πŸŽ“ Typographic defaults in Tailwind CSS
  • Jan 14th, 2021

    Tools

  • πŸ’Ό tailwindcss-railsstars1k - Gem for using Tailwind CSS with Rails' asset pipeline.
  • Jan 7th, 2021

    Plugins

  • 🧬 Marker - Provides utilities for styling lists and <summary> markers.
  • πŸ’™πŸ’Ό Line Clampstars727 - Provides utilities for visually truncating text after a fixed number of lines.
  • Jan 1st, 2021

    Tools

  • πŸŽ¨πŸ”§πŸ’Ό babel-plugin-tailwind-darkstars4 - A Babel plugin to add custom dark class when compiling your code using Babel.
  • Dec 30th, 2020

    UI Libraries, Components & Templates

  • 🧩 WickedBlocks - Collection of more than 120 layout blocks and components built with Tailwind CSS.
  • Dec 15th, 2020

    Tools

  • πŸŽ¨πŸŒπŸ”§ Gradient Designer - Generate gradients for Tailwind 2.0+.
  • Starters & Themes

  • πŸš€ Starter Dashboard Layoutstars164 - Dashboard layout using Tailwind CSS and Alpine JS.
  • Dec 14th, 2020

    UI Libraries, Components & Templates

  • πŸ“ Petrastars24 - Free landing page template built with Nuxt.js & Tailwind CSS.
  • Dec 12th, 2020

    Tools

  • πŸŽ¨πŸ”§πŸ’Ό Colorkrakenstars11 - Color shades generator for Tailwind CSS.
  • UI Libraries, Components & Templates

  • 🧩 Windstrap - Tailwind CSS with Bootstrap JS.
  • Dec 9th, 2020

    Starters & Themes

  • πŸš€ Shopify Theme Labstars578 - Shopify theme development starter using Vue and Tailwind CSS.
  • Dec 6th, 2020

    Starters & Themes

  • πŸš€ Vite + Vue 3.x + Tailwind 2.x Starterstars893 - Starter template using Vite, Vue, Vue Router and Tailwind CSS.
  • Nov 19th, 2020

    IDE Extensions

  • Tailwind CSS Explorer for Code - Explore the classes available in your project's Tailwind CSS setup.
  • Nov 13th, 2020

    Plugins

  • πŸ’™πŸ’Ό Aspect Ratiostars659 - Adds composable aspect ratio utilities.
  • πŸ’™ Formsstars2.3k - Adds better default styles to form elements.
  • Nov 6th, 2020

    Tools

  • πŸŽ¨πŸŒπŸ’Ό Tailwind CSS v2 colors - Figma library with Tailwind CSS v2 colors.
  • Nov 4th, 2020

    UI Libraries, Components & Templates

  • πŸ“ V-Dashboardstars707 - Dashboard starter template built with Vue 3 and Tailwind CSS.
  • Starters & Themes

  • πŸš€ Vite + React + Tailwind Starterstars186 - Boilerplate using Vite, React and Tailwind CSS.
  • Nov 2nd, 2020

    Useful Links

  • πŸ’™ Headless UIstars14.9k - Completely unstyled, fully accessible UI components.
  • Oct 25th, 2020

    UI Libraries, Components & Templates

  • πŸ§©πŸ“ Jakarta LTEstars114 - Admin template using Tailwind CSS.
  • Oct 19th, 2020

    UI Libraries, Components & Templates

  • πŸ“ Resumestars31 - Simple resume with Tailwind CSS.
  • πŸ“ Simple Lightstars1.4k - Free landing page template built with React & Tailwind CSS.
  • Oct 16th, 2020

    Tools

  • πŸŽ¨πŸŒπŸ”§ Palettolithic - Generates harmonius color palettes based on one color.
  • Oct 15th, 2020

    UI Libraries, Components & Templates

  • 🧩 Gust UI - Sleek Tailwind CSS components for web applications in React and HTML.
  • Oct 12th, 2020

    Tools

  • πŸ’Ό tailwind-classes-sorterstars18 - NPM library which provides a utility to sort Tailwind CSS classes.
  • πŸ’Ό prettier-plugin-tailwindstars421 - Prettier plugin that sorts class lists.
  • Oct 11th, 2020

    UI Libraries, Components & Templates

  • 🧩 lofi ui - Low-fidelity Tailwind CSS components.
  • Oct 8th, 2020

    Tools

  • πŸŽ¨πŸŒπŸ”§ Hypercolor - Collection of pre-configured Tailwind CSS gradients with directional options.
  • Oct 7th, 2020

    Useful Links

  • πŸ’™ Play - Advanced online playground for Tailwind CSS.
  • Tools

  • πŸŒπŸ’™ Play - Advanced online playground for Tailwind CSS.
  • Oct 4th, 2020

    UI Libraries, Components & Templates

  • πŸ’™πŸ“š Headless UIstars14.9k - Completely unstyled, fully accessible UI components.
  • Oct 2nd, 2020

    Tools

  • πŸŒπŸ”§ tail-animista - Configurable custom animation utilities generator for Tailwind CSS.
  • Oct 1st, 2020

    Tools

  • πŸ”ΌπŸŒ CSS to Tailwind CSS Converter - Converts CSS to Tailwind CSS by suggesting classes that best match.
  • Sep 28th, 2020

    Tools

  • 🌍 tailzilla.app - Online playground for Tailwind CSS.
  • Sep 23rd, 2020

    Plugins

  • πŸ’Ό Leading Trimstars42 - Adds utilities to trim text whitespace, using Capsizestars853.
  • Sep 20th, 2020

    Starters & Themes

  • πŸš€ Eleventy Starterstars228 - Production-ready, SEO-friendly blog starter using Tailwind CSS.
  • Sep 17th, 2020

    Tools

  • πŸŽ¨πŸŒπŸ”§ Grayscale Design - A Luminance-based color palette generator.
  • Sep 8th, 2020

    Tools

  • πŸŽ¨πŸŒπŸ”§ TailwindInk - AI palette generator, trained with the Tailwind CSS palette.
  • Sep 7th, 2020

    Tools

  • 🌍 Typography Playground - Tool for trying different Google Fonts combinations with the Tailwind CSS Typography Plugin.
  • Sep 4th, 2020

    Tools

  • πŸŽ¨πŸŒπŸ”§ Tailwind Color Explorer - Color explorer for Tailwind CSS.
  • Sep 1st, 2020

    Useful Links

  • πŸ’™ Website - Official Tailwind CSS website.
  • πŸ’™ Repositorystars57.1k - Official Tailwind CSS repository.
  • πŸ’™ Discussions - Official place to connect with other community members about Tailwind.
  • πŸ’™ Tailwind UI - Component library made with Tailwind CSS.
  • πŸ’™ Heroicons - Beautiful, hand-crafted SVG icons.
  • Tailwind Weekly - Weekly newsletter about all things Tailwind CSS.
  • Built With Tailwind - Community-driven collection of awesome websites built with Tailwind CSS.
  • IDE Extensions

  • πŸ’™ IntelliSense for Code - IntelliSense extension for Visual Studio Code.
  • Styled Snippets for Code - Snippet extension for Visual Studio Code.
  • Headwind for Codestars1.2k - Class sorter extension for Visual Studio Code.
  • Shades for Codestars53 - Color palette generator extension for Visual Studio Code.
  • IntelliSense for Neovimstars325 - IntelliSense extension for Neovim.
  • Plugins

  • πŸ’™πŸ§© Typographystars2.8k - Adds a prose class for beautiful typographic defaults.
  • 🎨🧬 Themingstars436 - Theming using CSS variables, with dark mode support.
  • 🎨🧬 Multi Themestars436 - Adds theme variants based on a single theme property.
  • 🎨🧬 Theme Swapperstars115 - Theming using CSS variables, with media queries support.
  • πŸ’Ό Custom Nativestars66 - Leverages Tailwind CSS's configuration to allow the creation of utilities.
  • πŸ’Ό Image Renderingstars67 - Adds image-rendering utilities.
  • πŸ’Ό Elevationstars132 - Adds Material UI elevation utilities.
  • πŸ’Ό Writing Modestars9 - Adds writing-mode utilities.
  • πŸ’Ό Hyphensstars14 - Adds hyphens utilities.
  • πŸ’Ό Border Gradientsstars157 - Adds border-image gradient utilities.
  • πŸ’Ό RFSstars41 - Adds RFS utilities.
  • πŸ’Ό List Resetstars1 - Adds back the list-reset class that was removed prior to Tailwind CSS 1.0.
  • πŸ’Ό Fluidstars103 - Adds fluid sizing utilities.
  • πŸ’Ό Typographystars249 - Adds typography utilities.
  • πŸ’Ό Triangle Afterstars19 - Adds CSS triangles utilities.
  • πŸ’Ό Scrimsstars34 - Adds scrims utilities.
  • πŸ’Ό Truncate Multilinestars91 - Adds utilities to truncate multi-line text elements.
  • πŸ’Ό CSS Logical Propertiesstars18 - Generate utilities for CSS Logical Properties.
  • πŸ’Ό Tooltip Arrows Afterstars35 - Adds CSS utilities for tooltip arrows with configurable border and background.
  • πŸ’Ό Bidirectionalstars243 - Adds utilities for creating multilingual bidirectional layouts.
  • πŸ’Ό Background SVGstars14 - Inject SVGs as background images with color variants.
  • πŸ’Ό Brand Colorsstars35 - Adds various brand colors for background, border and text.
  • πŸ’Ό Bootstrap Gridstars97 - Generates Bootstrap's style flexbox grid system.
  • 🧬 Touchstars36 - Adds touch variants.
  • 🧬 Localizedstars7 - Adds variants based on the HTML lang attribute, to use utilities only with certain languages.
  • 🧬 Padded Radiusstars11 - Adds variants for matching nested border radii.
  • 🧬 Fluidstars25 - Generates fl: variants.
  • 🧩 Debug Screensstars329 - Adds a component that shows the currently active screen (responsive breakpoint).
  • 🧩 Heropatternsstars135 - Adds Hero Patterns components.
  • 🧩 Responsive Embedstars81 - Adds a responsive-embed component.
  • 🧩 Bootstrap Tablesstars93 - Adds table components based on Bootstrap's tables.
  • 🧩 Cardstars31 - Adds card components.
  • 🧩 Skip linkstars13 - Adds a Skip to main content accessible component.
  • 🧩 Colors to CSS Variablesstars25 - Exports color configuration to CSS Custom Properties.
  • 🧩 CSS Variablesstars129 - Exports configuration to CSS Custom Properties.
  • Tools

  • πŸŽ¨πŸŒπŸ”§ Tailwind Color Shades - Color shades generator for Tailwind CSS.
  • πŸŽ¨πŸŒπŸ”§ Palette generator - Color palette generator that outputs Tailwind CSS configuration files.
  • πŸŽ¨πŸŒπŸ”§ Tailwind Colors - Color configuration generator for Tailwind CSS.
  • πŸŒπŸ”§ GPT-3 Tailwind CSS code generator - OpenAI GPT-3 powered Tailwind CSS code generator.
  • πŸŒπŸ”§ Stitches - Template generator with Tailwind (online).
  • 🌍 tailwind.run - Tailwind CSS fiddle with built-time features (online).
  • πŸ”ΌπŸŒ Tailwind Automatic Prefix Applicator - Tailwind classes' prefixer tool.
  • πŸ”Ό Tailwindostars877 - Bootstrap to Tailwind CSS converter.
  • πŸ”Ό Tailupgradestars6 - Conversion tool for upgrading HTML files from Tailwind CSS v0.x to v1.0.
  • πŸ”Ό Tailwind Shiftstars108 - Upgrade tool for upgrading from Tailwind CSS v0.7 to v1.0.
  • πŸ”Ό RustyWindstars228 - CLI tool for sorting Tailwind CSS classes.
  • πŸ…° react-native-tailwindcssstars529 - React Native typing system.
  • πŸ…° typed-tailwindstars400 - TypeScript typings for Tailwind CSS.
  • πŸ’Ό Gatsby Pluginstars45 - Tailwind CSS integration for Gatsby.
  • πŸ’Ό Gridsome Pluginstars105 - Tailwind CSS integration for Gridsome.
  • πŸ’Ό Alfred Workflowstars107 - Fast Tailwind CSS documentation search application.
  • πŸ’Ό ng-tailwindcssstars204 - CLI tool for integrating Tailwind CSS into Angular-CLI projects.
  • πŸ’Ό vue-cli-plugin-tailwindstars195 - Vue CLI plugin that adds Tailwind CSS to a project.
  • πŸ’Ό @nuxtjs/tailwindcssstars921 - Tailwind CSS module for NuxtJS with PurgeCSS and modern CSS (preset env 1).
  • πŸ’Ό preact-cli-tailwindstars31 - Tailwind CSS integration for Preact.
  • πŸ’ΌπŸ”§ Zeplin Config & Class generator - Zeplin extension that generates Tailwind configurations.
  • πŸ’ΌπŸ”§ @tailwindcssinjs/macrostars336 - Babel macro that transforms Tailwind CSS classes into objects for CSS-in-JS libraries.
  • πŸ’ΌπŸ”§ twin.macrostars5.8k - Use Tailwind classes within any CSS-in-JS library.
  • πŸ’ΌπŸ”§ Tailwind Config Viewerstars1.3k - Local UI tool for visualizing your Tailwind CSS configuration file.
  • πŸ’ΌπŸ”§ Laravel Form Componentsstars563 - Blade form components using Tailwind CSS Custom Forms.
  • πŸ”§ re-tailwindstars117 - ReasonML utility that generates Tailwind classes.
  • πŸ”§ Protoship Codegen - Code generator that creates Tailwind CSS based HTML & CSS from Sketch designs.
  • πŸš€ Maizzle - Framework for rapid email prototyping with Tailwind CSS.
  • 🌍 Tailwind Cheat Sheet - Tailwind CSS class names cheat sheet.
  • 🌍 Tailwind Cheat Sheet - Tailwind CSS class names in one single file.
  • 🌍 Tailwind Cheat Sheet - Tailwind CSS class names, variants and directives cheat sheet.
  • UI Libraries, Components & Templates

  • πŸ’™πŸ§© Tailwind UI - Component library made with Tailwind CSS.
  • πŸ“š VueTailwindstars1.8k - Vue.js UI library using Tailwind CSS.
  • 🧩 TailBlocks - 60+ different ready to use Tailwind CSS blocks.
  • 🧩 Tailwind Components - Community-driven Tailwind CSS component repository.
  • 🧩 Tailwind Toolbox - Templates, components and resources.
  • 🧩 Meraki UI Components - Beautiful Tailwind CSS components that support RTL languages.
  • πŸ§©πŸ“ Tailwind Templates - Collection of templates and components.
  • πŸ§©πŸ“ Treact - React UI templates and components built using Tailwind CSS.
  • 🧩 Kutty - Accessible and reusable components that are commonly used in web applications.
  • 🧩 Sail UI - Collection of basic UI components built on Tailwind CSS.
  • 🧩 jQuery Toggler - Switches using jQuery and Tailwind CSS.
  • 🧩 Tailwind Kit - Framework-agnostic, Vue.js, React and Angular components.
  • πŸ“ Windmill Dashboard - Multi theme, completely accessible dashboard template.
  • πŸ“ Tailwind Adminstars379 - Administration panel template with Tailwind CSS.
  • πŸ“ Landing Gradients - Landing page template using gradients (1.7+).
  • Starters & Themes

  • πŸ“Ÿ Create React App with PurgeCSSstars30 - CRA script that adds Tailwind CSS and PurgeCSS.
  • πŸ“Ÿ Laravel Presetstars14 - Adds Tailwind CSS to the Laravel framework.
  • πŸ“ŸπŸ’Ό Laravel Front-end Presetstars1.1k - Front-end preset using Tailwind CSS for Laravel.
  • πŸ“ŸπŸ’Ό Laravel Dark Front-end Presetstars41 - Dark-themed front-end preset using Tailwind CSS for Laravel.
  • πŸš€ Create React App with EmotionJSstars29 - CRA boilerplate using Tailwind CSS and Emotion JS.
  • πŸ“Ÿ Create React App with TypeScriptstars100 - CRA template with support for Tailwind CSS and TypeScript.
  • πŸš€ Tailwind CSS Boilerplatestars85 - Tailwind CSS boilerplate using Parcel.
  • πŸš€ Jekyll Starterstars237 - Jekyll starter using Tailwind CSS.
  • πŸš€ Jekyll Starterstars100 - Jekyll starter using Tailwind CSS.
  • πŸš€ Gulp Starterstars97 - Gulp starter using Tailwind CSS.
  • πŸš€ Gatsby Starterstars504 - Gatsby starter using Tailwind CSS.
  • πŸš€ Gatsby Starter Simplicitystars22 - Gatsby starter using Tailwind CSS.
  • πŸš€ Gatsby Starter + Emotion JSstars39 - Gatsby starter using Tailwind CSS and Emotion JS.
  • πŸš€ Gatsby Starter Opinionatedstars0 - Gatsby starter using Tailwind CSS and opinionated goodies.
  • πŸš€ Create React App Boilerplatestars106 - CRA boilerplate using Tailwind CSS.
  • πŸš€ Create React App with PurgeCSS + Autoprefixer + CSSNanostars8 - CRA boilerplate using CSS Nano.
  • πŸš€ Dogpatchstars49 - WordPress starter using Webpack, Vue, Babel and Tailwind CSS.
  • πŸš€ Next.js Starterstars322 - Next.js boilerplate using Tailwind CSS.
  • πŸš€ Sapper & Svelte Starterstars80 - Svelte boilerplate using Sapper, Tailwind CSS, Purge CSS, Prettier and ESLint.
  • πŸš€ Netlify Lambda Starterstars8 - Netlify Lambda boilerplate using Tailwind CSS.
  • πŸš€ Hugo Theme Starter with Tailwind CSSstars262 - Hugo theme starter using Tailwind CSS.
  • πŸš€ Eleventy Web Starterstars299 - Starter kit using Eleventy, Tailwind CSS, Webpack and PostCSS.
  • πŸš€ Nanoc Starterstars5 - Nanoc starter using Tailwind CSS.
  • πŸš€ PostCSS and Browsersync Boilerplatestars28 - Boilerplate using CSS Nano.
  • πŸš€ ParcelJS + TypeScript Boilerplatestars6 - Boilerplate using Tailwind CSS, ParcelJS bundler and TypeScript.
  • πŸš€ VuePress Tailwind CSS Starterstars13 - A VuePress starter using Tailwind CSS.
  • πŸš€ Gatsby Serifstars27 - Gatsby's serif theme using Tailwind CSS.
  • πŸš€ Seminyak Hugo Theme - Hugo theme using Tailwind CSS.
  • Open-Source Projects

  • Goodworkstars1.8k - Project Management & Collaboration tool.
  • Statusfystars2.7k - Status page system using Tailwind CSS.
  • Todoliststars139 - To-do list application using Tailwind CSS.
  • LeagueStatsstars283 - Statistics website for League of Legends players.
  • SapperCommercestars652 - E-commerce storefront using Svelte & Tailwind CSS.
  • Misiki Booksstars13 - Book shop using Vue + Moltin + Tailwind CSS.
  • Learning

  • πŸ’™πŸ§ͺ Plugin Examplesstars201 - Official plugin examples.
  • πŸ§ͺ Tailwind Dark Mode Theme Switcher