Top 50 Awesome List

aniftyco/awesome-tailwindcss

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

Oct 23rd

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

    UI Libraries, Components & Templates

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

    Tools

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

    UI Libraries, Components & Templates

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

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

    UI Libraries, Components & Templates

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

    UI Libraries, Components & Templates

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

    Starters & Themes

  • πŸš€ Next JS Boilerplatestars718 - Boilerplate for Next.js and Tailwind CSS.
  • Sep 22nd

    Plugins

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

    Tools

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

    Starters & Themes

  • πŸš€ Jekyll Starterstars2 - Jekyll starter using Tailwind CSS
  • Sep 2nd

    UI Libraries, Components & Templates

  • πŸ“ Tailminstars26 - Admin dashboard built with Vue.js and Tailwind CSS.
  • Aug 5th

    Plugins

  • πŸ’Ό Capitalize first letterstars2 - Adds capitalize-first utilities.
  • Jul 30th

    Plugins

  • 🧩 Perspectivestars31 - Adds perspective utilities.
  • Jul 17th

    Plugins

  • πŸ’Ό Scroll Behaviorstars7 - Adds scroll-smooth and scroll-auto classes to control smooth scrolling.
  • Jul 6th

    UI Libraries, Components & Templates

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

    Tools

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

    Starters & Themes

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

    Starters & Themes

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

    UI Libraries, Components & Templates

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

    Tools

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

    Tools

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

    Plugins

  • πŸ’Ό Downwind CSS Text Decorationstars6 - Adds composable text-decoration utilities.
  • May 10th

    Tools

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

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

    Starters & Themes

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

    Plugins

  • πŸ’Ό Accent Colorstars0 - Adds accent color utilities.
  • Open-Source Projects

  • Ubuntu 20.04stars1.7k - An Ubuntu desktop using React.js + Tailwind CSS.
  • Apr 7th

    Learning

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

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

    UI Libraries, Components & Templates

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

    Tools

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

    UI Libraries, Components & Templates

  • 🧩 Tailwind Cardsstars297 - Growing collection of text/image cards.
  • Mar 16th

    Plugins

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

    Useful Links

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

    UI Libraries, Components & Templates

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

    Plugins

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

    Tools

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

    Plugins

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

    Learning

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

    Plugins

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

    Plugins

  • 🧬 Pseudo selectorsstars32 - 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

    UI Libraries, Components & Templates

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

    Tools

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

    Plugins

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

    UI Libraries, Components & Templates

  • 🧩 Daisy UIstars5.9k - UI Components for Tailwind CSS.
  • Jan 30th

    Plugins

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

    Tools

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

    Tools

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

    UI Libraries, Components & Templates

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

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

    Tools

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

    Plugins

  • 🧬 Marker - Provides utilities for styling lists and <summary> markers.
  • πŸ’™πŸ’Ό Line Clampstars500 - Provides utilities for visually truncating text after a fixed number of lines.
  • Jan 5th

    Plugins

  • πŸ’Ό Text Decoration Colorstars11 - Adds text-decoration-color utilities.
  • Jan 1st

    Tools

  • πŸŽ¨πŸ”§πŸ’Ό babel-plugin-tailwind-darkstars3 - 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 Layoutstars132 - Dashboard layout using Tailwind CSS and Alpine JS.
  • Dec 14th, 2020

    UI Libraries, Components & Templates

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

    Tools

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

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

    Starters & Themes

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

    Starters & Themes

  • πŸš€ Vite + Vue 3.x + Tailwind 2.x Starterstars567 - 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 Ratiostars504 - Adds composable aspect ratio utilities.
  • πŸ’™ Formsstars1.6k - 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-Dashboardstars627 - Dashboard starter template built with Vue 3 and Tailwind CSS.
  • Starters & Themes

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

    Useful Links

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

    UI Libraries, Components & Templates

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

    UI Libraries, Components & Templates

  • πŸ“ Resumestars18 - Simple resume with Tailwind CSS.
  • πŸ“ Simple Lightstars1.1k - 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-sorterstars16 - NPM library which provides a utility to sort Tailwind CSS classes.
  • πŸ’Ό prettier-plugin-tailwindstars362 - 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 UIstars11.1k - 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 Trimstars31 - Adds utilities to trim text whitespace, using Capsizestars635.
  • Sep 20th, 2020

    Starters & Themes

  • πŸš€ Eleventy Starterstars212 - 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.
  • πŸ’™ Repositorystars48.3k - 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.1k - Class sorter extension for Visual Studio Code.
  • Shades for Codestars46 - Color palette generator extension for Visual Studio Code.
  • IntelliSense for Neovimstars292 - IntelliSense extension for Neovim.
  • Plugins

  • πŸ’™πŸ§© Typographystars2.4k - Adds a prose class for beautiful typographic defaults.
  • 🎨🧬 Themingstars406 - Theming using CSS variables, with dark mode support.
  • 🎨🧬 Multi Themestars347 - Adds theme variants based on a single theme property.
  • 🎨🧬 Theme Swapperstars79 - Theming using CSS variables, with media queries support.
  • 🎨🧬 Prefers Dark Modestars12 - Adds variants based on the prefers-color-scheme media query.
  • 🎨🧬 Dark Modestars16 - Adds dark variants based on CSS classes.
  • 🎨🧬 Dark Modestars661 - Adds dark variants based on the prefers-color-scheme media query.
  • πŸ’Ό Gapstars44 - Adds gap utilities.
  • πŸ’Ό Aspect Ratiostars253 - Adds aspect-ratio utilities.
  • πŸ’Ό Custom Nativestars64 - Leverages Tailwind CSS's configuration to allow the creation of utilities.
  • πŸ’Ό Shadow Outline Colorsstars9 - Adds box-shadow utilities based on configured colors.
  • πŸ’Ό Text Indentstars25 - Adds text-indent utilities.
  • πŸ’Ό Image Renderingstars57 - Adds image-rendering utilities.
  • πŸ’Ό Elevationstars118 - Adds Material UI elevation utilities.
  • πŸ’Ό Writing Modestars10 - Adds writing-mode utilities.
  • πŸ’Ό Hyphensstars13 - Adds hyphens utilities.
  • πŸ’Ό Border Gradientsstars127 - Adds border-image gradient utilities.
  • πŸ’Ό RFSstars31 - Adds RFS utilities.
  • πŸ’Ό List Resetstars1 - Adds back the list-reset class that was removed prior to Tailwind CSS 1.0.
  • πŸ’Ό Fluidstars99 - Adds fluid sizing utilities.
  • πŸ’Ό Typographystars232 - Adds typography utilities.
  • πŸ’Ό Triangle Afterstars20 - Adds CSS triangles utilities.
  • πŸ’Ό Scrimsstars32 - Adds scrims utilities.
  • πŸ’Ό Truncate Multilinestars90 - Adds utilities to truncate multi-line text elements.
  • πŸ’Ό CSS Logical Propertiesstars16 - Generate utilities for CSS Logical Properties.
  • πŸ’Ό Tooltip Arrows Afterstars26 - Adds CSS utilities for tooltip arrows with configurable border and background.
  • πŸ’Ό Bidirectionalstars179 - Adds utilities for creating multilingual bidirectional layouts.
  • πŸ’Ό Background SVGstars11 - Inject SVGs as background images with color variants.
  • πŸ’Ό Brand Colorsstars27 - Adds various brand colors for background, border and text.
  • πŸ’Ό Bootstrap Gridstars78 - Generates Bootstrap's style flexbox grid system.
  • 🧬 Directionstars190 - Adds RTL and LTR variants.
  • 🧬 Touchstars31 - Adds touch variants.
  • 🧬 Alphastars68 - Adds alpha color variants.
  • 🧬 Localizedstars7 - Adds variants based on the HTML lang attribute, to use utilities only with certain languages.
  • 🧬 Importantstars42 - Adds an important variant.
  • 🧬 Padded Radiusstars11 - Adds variants for matching nested border radii.
  • 🧬 Fluidstars19 - Generates fl: variants.
  • 🧩 Debug Screensstars274 - Adds a component that shows the currently active screen (responsive breakpoint).
  • 🧩 Heropatternsstars121 - Adds Hero Patterns components.
  • 🧩 Responsive Embedstars81 - Adds a responsive-embed component.
  • 🧩 Bootstrap Tablesstars89 - Adds table components based on Bootstrap's tables.
  • 🧩 Cardstars31 - Adds card components.
  • 🧩 Skip linkstars11 - Adds a Skip to main content accessible component.
  • 🧩 Colors to CSS Variablesstars24 - Exports color configuration to CSS Custom Properties.
  • 🧩 CSS Variablesstars121 - 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.
  • πŸ”Ό Tailwindostars768 - Bootstrap to Tailwind CSS converter.
  • πŸ”Ό Tailupgradestars5 - Conversion tool for upgrading HTML files from Tailwind CSS v0.x to v1.0.
  • πŸ”Ό Tailwind Shiftstars104 - Upgrade tool for upgrading from Tailwind CSS v0.7 to v1.0.
  • πŸ”Ό RustyWindstars149 - CLI tool for sorting Tailwind CSS classes.
  • πŸ…° react-native-tailwindcssstars498 - React Native typing system.
  • πŸ…° typed-tailwindstars363 - TypeScript typings for Tailwind CSS.
  • πŸ’Ό Gatsby Pluginstars43 - Tailwind CSS integration for Gatsby.
  • πŸ’Ό Gridsome Pluginstars106 - Tailwind CSS integration for Gridsome.
  • πŸ’Ό Alfred Workflowstars87 - Fast Tailwind CSS documentation search application.
  • πŸ’Ό ng-tailwindcssstars204 - CLI tool for integrating Tailwind CSS into Angular-CLI projects.
  • πŸ’Ό vue-cli-plugin-tailwindstars182 - Vue CLI plugin that adds Tailwind CSS to a project.
  • πŸ’Ό @nuxtjs/tailwindcssstars794 - Tailwind CSS module for NuxtJS with PurgeCSS and modern CSS (preset env 1).
  • πŸ’Ό preact-cli-tailwindstars30 - Tailwind CSS integration for Preact.
  • πŸ’ΌπŸ”§ Zeplin Config & Class generator - Zeplin extension that generates Tailwind configurations.
  • πŸ’ΌπŸ”§ @tailwindcssinjs/macrostars295 - Babel macro that transforms Tailwind CSS classes into objects for CSS-in-JS libraries.
  • πŸ’ΌπŸ”§ twin.macrostars4.8k - Use Tailwind classes within any CSS-in-JS library.
  • πŸ’ΌπŸ”§ Tailwind Config Viewerstars1.1k - Local UI tool for visualizing your Tailwind CSS configuration file.
  • πŸ’ΌπŸ”§ Laravel Form Componentsstars435 - Blade form components using Tailwind CSS Custom Forms.
  • πŸ”§ re-tailwindstars116 - 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.6k - 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 Adminstars343 - Administration panel template with Tailwind CSS.
  • πŸ“ Landing Gradients - Landing page template using gradients (1.7+).
  • Starters & Themes

  • πŸ“Ÿ Create React App with PurgeCSSstars29 - CRA script that adds Tailwind CSS and PurgeCSS.
  • πŸ“Ÿ Laravel Presetstars12 - 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 EmotionJSstars27 - CRA boilerplate using Tailwind CSS and Emotion JS.
  • πŸ“Ÿ Create React App with TypeScriptstars84 - CRA template with support for Tailwind CSS and TypeScript.
  • πŸš€ Tailwind CSS Boilerplatestars60 - Tailwind CSS boilerplate using Parcel.
  • πŸš€ Jekyll Starterstars217 - Jekyll starter using Tailwind CSS.
  • πŸš€ Jekyll Starterstars99 - Jekyll starter using Tailwind CSS.
  • πŸš€ Gulp Starterstars97 - Gulp starter using Tailwind CSS.
  • πŸš€ Gatsby Starterstars499 - Gatsby starter using Tailwind CSS.
  • πŸš€ Gatsby Starter Simplicitystars14 - Gatsby starter using Tailwind CSS.
  • πŸš€ Gatsby Starter + Emotion JSstars38 - Gatsby starter using Tailwind CSS and Emotion JS.
  • πŸš€ Gatsby Starter Opinionatedstars0 - Gatsby starter using Tailwind CSS and opinionated goodies.
  • πŸš€ Create React App Boilerplatestars105 - CRA boilerplate using Tailwind CSS.
  • πŸš€ Create React App with PurgeCSS + Autoprefixer + CSSNanostars5 - CRA boilerplate using CSS Nano.
  • πŸš€ Dogpatchstars47 - WordPress starter using Webpack, Vue, Babel and Tailwind CSS.
  • πŸš€ Next.js Starterstars283 - Next.js boilerplate using Tailwind CSS.
  • πŸš€ Sapper & Svelte Starterstars81 - 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 CSSstars235 - Hugo theme starter using Tailwind CSS.
  • πŸš€ Eleventy Web Starterstars259 - Starter kit using Eleventy, Tailwind CSS, Webpack and PostCSS.
  • πŸš€ Nanoc Starterstars5 - Nanoc starter using Tailwind CSS.
  • πŸš€ PostCSS and Browsersync Boilerplatestars23 - Boilerplate using CSS Nano.
  • πŸš€ ParcelJS + TypeScript Boilerplatestars4 - Boilerplate using Tailwind CSS, ParcelJS bundler and TypeScript.
  • πŸš€ VuePress Tailwind CSS Starterstars10 - 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.7k - Project Management & Collaboration tool.
  • Statusfystars2.5k - Status page system using Tailwind CSS.
  • Todoliststars132 - To-do list application using Tailwind CSS.
  • LeagueStatsstars224 - Statistics website for League of Legends players.
  • SapperCommercestars494 - E-commerce storefront using Svelte & Tailwind CSS.
  • Misiki Booksstars13 - Book shop using Vue + Moltin + Tailwind CSS.
  • Learning

  • πŸ’™πŸ§ͺ Plugin Examplesstars197 - Official plugin examples.
  • πŸ§ͺ Tailwind Dark Mode Theme Switcherstars137 - Switching themes with CSS Custom Properties and Tailwind CSS.
  • πŸ§ͺ Acquiastars20 - Acquia's hosting dashboard rebuilt with Vue.js and Tailwind CSS.
  • πŸ§ͺ Navbar - Navbar made with Vue.js and Tailwind CSS.
  • πŸ§ͺ Toggle switchstars62 - Switch using Tailwind CSS.
  • πŸ§ͺ β€œOpen” landing pagestars63 - β€œOpen” landing page template by Cruip built with Tailwind CSS Boilerplate.
  • πŸ”§ Testing Tailwind CSS plugins with Jest - How to test Tailwind CSS plugins with Jest.
  • πŸ”§ Tailwind CSS with Webpack 4 and PostCSS - How to setup Tailwind CSS with PostCSS and Webpack.
  • πŸ”§ Tailwind CSS with CSS-in-JS - How to use Tailwind CSS with CSS-in-JS.
  • πŸ”§ Tailwind CSS in a Laravel Project - How to setup Tailwind CSS in a Laravel project.
  • πŸ”§ Tailwind CSS with Ember - How to add Tailwind CSS to an Ember application.
  • πŸ”§ Sage WordPress theme and Tailwind CSS - How to setup Tailwind CSS in Sage.
  • πŸ”§ Tailwind CSS with GatsbyJS - How to use Tailwind CSS with Gatsby.
  • πŸ”§ Tailwind CSS with Phoenix 1.4 - How to setup Tailwind CSS in Phoenix 1.4.
  • πŸ”§ Extend Tailwind CSS - How to Extend Tailwind CSS.
  • 🎬 Rebuilding Laravel.io - Rebuilding Laravel.io with Tailwind CSS.
  • 🎬 Rebuilding Coinbase - Rebuilding Coinbase with Tailwind CSS [see the Codepen].
  • 🎬 Rebuilding Twitter - Rebuilding Twitter with Tailwind CSS [see the CodePen].
  • 🎬 Rebuilding YouTube - Rebuilding YouTube with Tailwind CSS.
  • 🎬 Rebuilding Netlify - Rebuilding Netlify with Tailwind CSS.
  • 🎬 Rebuilding Resolute - Rebuilding Resolute with Tailwind CSS.
  • 🎬 Let's Build: Movie Production Landing Page - Building a movie production landing page with Tailwind CSS.
  • 🎬 Lets Build: Responsive Navbar - Building a responsive navbar with Tailwind CSS.
  • 🎬 Let's Build: Dribbble Shot - Dribbble shot with Tailwind CSS.
  • 🎬 Let's Build: Tweet component - Building a Twee