Track Awesome Tailwindcss Updates Weekly

😎 Awesome things related to Tailwind CSS

🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 aniftyco/awesome-tailwindcss · ⭐ 14K · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

Nov 11 - Nov 17, 2024

Tools

• 🎨🌍🔧 palettolithic - Generates harmonious color palettes based on one color.

• 🎨🔧 CSS Variables Editor - AI-powered Chrome extension for managing colors in daisyUI and shadcn/ui.

Oct 28 - Nov 03, 2024

Tools

• 🎨🌍🔧 InclusiveColors - Create fine-tuned WCAG accessible Tailwind CSS color palettes.

Sep 30 - Oct 06, 2024

Plugins

• 🧬 Quantity Queries (⭐11) - Adds variants for using quantity queries.

UI Libraries, Components & Templates

• 📚🧩Flyon UI - Open-source components library for Tailwind CSS.

Sep 02 - Sep 08, 2024

IDE Extensions

• Editor support for VS2022 (⭐94) - IntelliSense, linting, sorting, and more in Visual Studio 2022.

Aug 19 - Aug 25, 2024

UI Libraries, Components & Templates

• 🧩 Motion Primitives - React motion components built with Tailwind CSS and Framer Motion.

Aug 12 - Aug 18, 2024

UI Libraries, Components & Templates

• 📚 Preline UI - Open-source Tailwind CSS components library for any needs.

• 🧩 Penguin UI - Plug-n-play UI component library for Tailwind CSS & Alpine JS.

Jul 15 - Jul 21, 2024

UI Libraries, Components & Templates

• 🧩 Indie UI - Rich styled UI components.

Jul 01 - Jul 07, 2024

Starters & Themes

• 🚀 Angular-Tailwind (⭐343) - Dashboard starter kit using Angular and Tailwind CSS.

• 🚀 Vue-Resume (⭐24) - Developer resume template with Tailwind CSS and Vue.

May 06 - May 12, 2024

Tools

• 🎨🌍🔧 Tailwind CSS Colors - Cheat sheet for Tailwind CSS colors.

• 🎨🌍🔧 Tailwind Gradients - Collection of gradients using Tailwind CSS classes.

• 🎨🌍🔧 Fullwind CSS - Extend Tailwind CSS color palettes with additional shades.

Apr 22 - Apr 28, 2024

Tools

• 🔼🌍 ska-tailwind-editor - Edit Tailwind HTML as WordPress blocks with intuitive UI for Tailwind classes and get HTML or JSX back.

Apr 15 - Apr 21, 2024

Plugins

• 💼 Dot & Grid Backgrounds (⭐16) - Adds bg-grid and bg-dot classes to add easy-to-customize grid and dot pattern backgrounds with just CSS.

Mar 18 - Mar 24, 2024

Tools

• 💼 Gimli Tailwind - Smart tools for Tailwind CSS as a browser extension.

Feb 19 - Feb 25, 2024

Plugins

• 💼🧬🧩 Fluid (⭐1.2k) - Adds fluid clamp() versions of every built-in utility.

UI Libraries, Components & Templates

• 📚 Tremor - React library to build charts and dashboards with Tailwind CSS.

Jan 08 - Jan 14, 2024

UI Libraries, Components & Templates

• 📁 Astro Template Dante (⭐275) - Tailwind CSS & Astro blog/portfolio template.

Dec 25 - Dec 31, 2023

Useful Links

• 💙 Discord - Official Discord server to connect with other community members about Tailwind CSS.

Plugins

• 💙💼 Container queries (⭐1.2k) - Provides utilities for container queries.

• 🎨🧩 Tailwind Elements (⭐13k) - Extends Tailwind CSS with 500+ interactive components (datepickers, modals, forms, tables, darkmode).

• 💼 Full bleed background and borders (⭐56) - Provides utilities for extended backgrounds and borders.

• 💼 Tailwind CSS 3D (⭐247) - Adds 3D transform utilities and animations.

• 🧩 Debug screens (⭐609) - Adds a component that shows the currently active screen (responsive breakpoint).

Tools

• 💙💼 Prettier plugin (⭐5.6k) - Official Tailwind CSS plugin for Prettier.

• 🌍 Typography playground - Tool for trying different Google Fonts combinations with the Tailwind CSS typography plugin.

• 🔼🌍 Prefixer - Tailwind classes' prefixer tool.

• 💼 Tails DevTools (⭐268) - All-in-one browser extension for Tailwind CSS.

• 💼 Impulse.dev (⭐461) – UI editor for Tailwind CSS and React that edits your code.

• 🌍 Static Tailwind - The most used Tailwind classes, precompiled, with no build step.

UI Libraries, Components & Templates

• 💙📁 Catalyst - Beautiful, accessible application UI kit for React.

• 📚 TWC - Lightweight library to create reusable React + Tailwind CSS components in one line.

• 📁 Petra (⭐31) - Free landing page template built with Nuxt.js & Tailwind CSS.

Oct 30 - Nov 05, 2023

Plugins

• 🧬 Htmx (⭐19) - Adds variants for styling on htmx events.

Oct 23 - Oct 29, 2023

UI Libraries, Components & Templates

• 📁 Astro Template Ovidius (⭐89) - Tailwind CSS & Astro blog template.

Sep 04 - Sep 10, 2023

UI Libraries, Components & Templates

• 📚 STDF - Mobile web component library based on Svelte and Tailwind CSS.

• 🧩 Shadcn UI - Re-usable components built using Radix UI and Tailwind CSS.

Aug 28 - Sep 03, 2023

Learning

• 🎬 Responsive Framer Motion with Tailwind CSS - Learn how CSS variables can bridge the gap between Framer Motion and Tailwind CSS.

Aug 21 - Aug 27, 2023

Tools

• 🌍🔧 Tailwind Box Shadows Generator - Box Shadows generator.

Aug 07 - Aug 13, 2023

Learning

• 🎬 10 Tailwind CSS Tips and Tricks - 10 Tailwind CSS tricks you should know.

Jul 31 - Aug 06, 2023

UI Libraries, Components & Templates

• 🧩 Windstatic - Set of 161 elements & layouts made with Tailwind CSS and Alpine.js.

• 🧩 TailwindFlex - Free library of Tailwind CSS examples.

• 📁 Astro Template Cactus (⭐938) - Tailwind CSS Astro starter template.

Jul 17 - Jul 23, 2023

UI Libraries, Components & Templates

• 🧩 Material Tailwind - Easy to use components library for Tailwind CSS and Material Design.

• 🧩 Layouts for Tailwind - Layouts and UI Patterns for Tailwind CSS.

• 🧩 HyperUI - Open source marketing and ecommerce Tailwind CSS components.

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

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

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

• 🧩 RippleUI - Clean, modern and beautiful Tailwind CSS components.

• 🧩 Wind UI - Expertly made, responsive, accessible components in React and HTML ready to be used on your website or app.

• 🧩 Pines UI - Alpine and Tailwind CSS UI library.

• 📁 Landing Gradients - Landing page template using gradients (1.7+).

Jun 26 - Jul 02, 2023

IDE Extensions

• LSP support for Emacs (⭐192) - LSP support for Emacs.

Tools

• 💼 DivMagic - Copy any web element and style as Tailwind CSS component.

Jun 12 - Jun 18, 2023

Tools

• 💼 Raycast Extension - Search classes, documentation and colors in Raycast Launcher.

May 08 - May 14, 2023

Plugins

• 💼 Claymorphism (⭐19) - Adds clay utilities for creating claymorphism style.

Tools

• 🎨🌍🔧 Tints - Color palette generator and API for Tailwind CSS.

UI Libraries, Components & Templates

• 📚 Tailkits - Curated Tailwind CSS components, templates, UI kits, resources, tools & more.

May 01 - May 07, 2023

Tools

• 🌍🔧 Tailwind Grid Generator - Drag and drop Tailwind CSS grid generator.

Apr 10 - Apr 16, 2023

Plugins

• 💼 CSS Filter Order (⭐2) - Adds filter-order utilities for changing the order of filters in the generated CSS.

Apr 03 - Apr 09, 2023

UI Libraries, Components & Templates

• 📚 Built At Lightspeed - Massive directory of 500+ Tailwind templates, starters and UI kits.

• 📚 Statichunt - Open source directory of hand-picked free and premium Tailwind templates & Starters.

Mar 20 - Mar 26, 2023

UI Libraries, Components & Templates

• 🧩 NativeWind - NativeWind uses Tailwind CSS as scripting language to create a universal style system for React Native.

• 📁 Astro Template Resume (⭐4) - Eye-catching resume template built with Astro, Tailwind CSS.

Jan 30 - Feb 05, 2023

IDE Extensions

• CSS to TailwindCSS converter for Code (⭐65) - Converts CSS to Tailwind CSS in Visual Studio Code.

Jan 16 - Jan 22, 2023

UI Libraries, Components & Templates

• 📁 Flowbite Admin Dashboard (⭐2.1k) - Open-source admin dashboard template built with Tailwind CSS and Flowbite.

Jan 02 - Jan 08, 2023

UI Libraries, Components & Templates

• 📚 Sailboat UI - Modern UI framework for Tailwind CSS.

Dec 26 - Jan 01, 2022

Plugins

• 🎨💼 Accent (⭐16) - Adds accent colors for more dynamic and flexible color utilization.

Tools

• 💼 react-with-class (⭐9) - Utility function for creating primitive React components with a set of classes, props or variants.

Dec 19 - Dec 25, 2022

UI Libraries, Components & Templates

• 📚 Vanilla Components - Set of fully customizable Vue components.

Dec 05 - Dec 11, 2022

Tools

• 💼 Tailiscope.nvim (⭐56) - Tailwind CSS cheat sheet integrated in Neovim.

UI Libraries, Components & Templates

• 📁 Admin One React (⭐474) - Free React.js Tailwind CSS admin template with Next.js & TypeScript.

Oct 10 - Oct 16, 2022

Tools

• 💼🔧 tailwindcss-vite-plugin (⭐36) - Vite plugin for Tailwind CSS, supports "Design in DevTools" mode and visualizes Tailwind CSS configuration.

Sep 26 - Oct 02, 2022

Tools

• 🔼🌍🔧 Tailwindhelper - Visualize Tailwind CSS classes and unit converter.

Aug 22 - Aug 28, 2022

Starters & Themes

• 🚀 AstroWind (⭐3.5k) - Production ready and SEO-friendly template to start a website using Astro and Tailwind CSS.

Jun 20 - Jun 26, 2022

Starters & Themes

• 🚀 Vite + Lit + Tailwind Starter (⭐32) - Boilerplate using Vite, Lit and Tailwind CSS.

May 16 - May 22, 2022

UI Libraries, Components & Templates

• 📚 Xtend UI - Tailwind CSS components with advanced interactions and animations.

• 📚 Headless UI Float - Floating UI integration for Headless UI.

Apr 25 - May 01, 2022

Plugins

• 💼 Grid Areas (⭐139) - Adds grid-areas and grid-area utilities.

Tools

• 💼🔧 tailwindcss-webpack-plugin (⭐36) - Out-of-the-box Tailwind CSS, supports "Design in DevTools" mode and visualizes Tailwind CSS configuration.

Apr 11 - Apr 17, 2022

IDE Extensions

• Tailwind CSS Highlight - Highlights utility classes in Visual Studio Code.

Apr 04 - Apr 10, 2022

Tools

• 🎨🌍🔧 Ui Colors - Color palette generator for Tailwind CSS.

Mar 14 - Mar 20, 2022

Tools

• 💼 twined-components (⭐8) - Extended component of a styled-components that prioritizes class names for use in Tailwind CSS.

Starters & Themes

• 🚀 Vite-Boot (⭐255) - Vite + Vue3 + TypeScript + Vue-Router4 + Pinia + Tailwind CSS + VueUse Template.

Mar 07 - Mar 13, 2022

Plugins

• 🧬 FormKit (⭐4.3k) - Adds variants for input and form states for FormKit.

Feb 14 - Feb 20, 2022

Plugins

• 💼 Background Unsplash (⭐19) - Apply unsplash.com images as background.

Jan 17 - Jan 23, 2022

UI Libraries, Components & Templates

• 📁 Cruip - Beautifully designed HTML, React, and Vue.js templates.

Jan 10 - Jan 16, 2022

Starters & Themes

• 🚀 Vite + React + TypeScript + Tailwind 3.x starter (⭐79) - GitHub Template for Vite, React + Tailwind 3.x + TypeScript.

Jan 03 - Jan 09, 2022

UI Libraries, Components & Templates

• 📚 Svelte Headless UI (⭐1.8k) - Unofficial Svelte port of Headless UI.

Dec 27 - Jan 02, 2021

Plugins

• 🎨🧬 Themer (⭐299) - Adds theming support for Tailwind CSS with CSS variables and variants.

Dec 06 - Dec 12, 2021

UI Libraries, Components & Templates

• 📁 Admin One Vue 3 (⭐2.2k) - Free Vue.js 3 Tailwind CSS admin template with Vite & Vue CLI support.

Nov 22 - Nov 28, 2021

Plugins

• 💼🧬 Radix (⭐2.1k) - Adds utilities and variants for styling Radix UI state.

Nov 15 - Nov 21, 2021

Learning

• 🔧 Tailwind CSS with Ember (⭐23) - How to add Tailwind CSS to an Ember application.

Oct 25 - Oct 31, 2021

Starters & Themes

• 🚀 Vitailse (⭐139) - Opinionated Vite starter template with Vue 3, TypeScript and Tailwind CSS.

Oct 18 - Oct 24, 2021

UI Libraries, Components & Templates

• 📚 a17t - Atomic design toolkit built to extend Tailwind CSS.

• 📚 tails-ui (⭐196) - React UI library using Tailwind CSS.

• 📚 tails (⭐60) - 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.

• 📁 Material Tailwind Kit React - Free Tailwind CSS and React UI kit.

• 📁 Material Tailwind Dashboard React - Free Tailwind CSS and React admin template.

Sep 27 - Oct 03, 2021

Tools

• 🌍 Flowrift - Beautifully designed Tailwind CSS UI blocks.

• 💼 clb (⭐167) - clb (class list builder) is a utility function that builds a class list based on a Stitches like API.

UI Libraries, Components & Templates

• 📚 Flowbite - Open-source component library built with Tailwind CSS.

• 🧩 Tailwind Datepicker (⭐139) - Adds a datepicker component built with Tailwind CSS and vanilla JavaScript.

• 🧩 Tailwind Typeahead (⭐21) - Typeahead/Autocomplete component built with Vue.js and Tailwind CSS.

• 📁 OhMySMTP Templates (⭐234) - Set of Transactional HTML Email Templates, built with Maizzle

Sep 20 - Sep 26, 2021

Plugins

• 💼 Fluid Type (⭐345) - Adds fluid type (font-size) utilities.

Starters & Themes

• 🚀 Next JS Boilerplate (⭐9.4k) - Boilerplate for Next.js and Tailwind CSS.

Sep 13 - Sep 19, 2021

Tools

• 💰🌍🔧 Windframe - Tailwind CSS drag and drop builder to rapidly build and prototype websites.

Sep 06 - Sep 12, 2021

Starters & Themes

• 🚀 Jekyll Starter (⭐8) - Jekyll starter using Tailwind CSS

Aug 30 - Sep 05, 2021

UI Libraries, Components & Templates

• 📁 Tailmin (⭐58) - Admin dashboard built with Vue.js and Tailwind CSS.

Jun 21 - Jun 27, 2021

Tools

• 🎨🌍🔧 Tailwind Gradient Generator - Create perfect Tailwind CSS gradients with zero lines of code.

Starters & Themes

• 📟 new-tailwind-app (⭐251) - Creates React.js, Next.js, Gatsby.js, Vue3, Laravel, and basic Tailwind CSS apps.

Jun 07 - Jun 13, 2021

Starters & Themes

• 📟 Next.js PWA (⭐85) – CLI that generate boilerplate code of Next.js PWA along with Tailwind CSS integration.

May 17 - May 23, 2021

Tools

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

May 10 - May 16, 2021

Starters & Themes

• 🚀 Gatsby Starter + TypeScript (⭐76) - Gatsby starter using Tailwind CSS and TypeScript.

May 03 - May 09, 2021

Starters & Themes

• 🚀 Jekyll Landing Website Starter (⭐98) - Production ready, SEO-friendly, performant landing website boilerplate using Jekyll and Tailwind CSS.

Apr 05 - Apr 11, 2021

Plugins

• 🎨🧩 CSS Variables (⭐230) - Exports custom CSS variables.

Learning

• 💙🎬 Tailwind CSS: From Zero to Production - Complete walkthrough of Tailwind CSS, from installation to optimization for deployment.

Mar 15 - Mar 21, 2021

Plugins

• 🎨🧬 Theme Variants (⭐195) - Adds theme variants based on media queries and/or CSS selectors.

UI Libraries, Components & Templates

• 🧩 Tailwind Cards (⭐584) - Growing collection of text/image cards.

Mar 08 - Mar 14, 2021

UI Libraries, Components & Templates

• 🧩 Litepie Date picker (⭐373) - A date range picker component for Vue.js and Tailwind CSS.

Mar 01 - Mar 07, 2021

Tools

• 🌍🔧💼 Twind (⭐3.8k) - Compiler functions that turn Tailwind's classes into CSS at run, serve and build time.

Feb 08 - Feb 14, 2021

Learning

• 🎓 Create a responsive navigation menu in Tailwind CSS

Feb 01 - Feb 07, 2021

Plugins

• 💼 Scrollbar Hide (⭐241) - Adds scrollbar-hide class for visual hide scrollbar.

UI Libraries, Components & Templates

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

• 🧩 Mamba UI - Free Tailwind CSS components, sections and templates.

Jan 25 - Jan 31, 2021

Tools

• 🌍🔧 brands-tail-color - Configuration generator using various brands' colors.

UI Libraries, Components & Templates

• 🧩 Daisy UI (⭐34k) - UI Components for Tailwind CSS.

Jan 18 - Jan 24, 2021

UI Libraries, Components & Templates

• 🧩📁 themes.dev - Handcrafted, free and premium Tailwind CSS themes and components.

Learning

• 🎓 Typographic defaults in Tailwind CSS

Jan 11 - Jan 17, 2021

Tools

• 💼 tailwindcss-rails (⭐1.4k) - Gem for using Tailwind CSS with Rails' asset pipeline.

Jan 04 - Jan 10, 2021

Plugins

• 🛑💼💙 Line Clamp (⭐1.2k) - Provides utilities for visually truncating text after a fixed number of lines.

Jan 04 - Jan 10, 2021

UI Libraries, Components & Templates

• 🧩 WickedBlocks - Collection of more than 120 layout blocks and components built with Tailwind CSS.

Dec 21 - Dec 27, 2020

Tools

• 🎨🌍🔧 Gradient Designer - Generate gradients for Tailwind 2.0+.

Starters & Themes

• 🚀 Starter Dashboard Layout (⭐212) - Dashboard layout using Tailwind CSS and Alpine JS.

Dec 14 - Dec 20, 2020

Starters & Themes

• 🚀 Shopify Theme Lab (⭐753) - Shopify theme development starter using Vue and Tailwind CSS.

Dec 07 - Dec 13, 2020

Starters & Themes

• 🚀 Vite + Vue 3.x + Tailwind 2.x Starter - Starter template using Vite, Vue, Vue Router and Tailwind CSS.

Nov 16 - Nov 22, 2020

Plugins

• 💙 Forms (⭐4.2k) - Adds better default styles to form elements.

• 🛑🧩💙 Custom Forms (⭐1.6k) - Adds better default styles to form elements.

• 🛑💙💼 Aspect Ratio (⭐975) - Adds composable aspect ratio utilities.

Nov 09 - Nov 15, 2020

UI Libraries, Components & Templates

• 📁 V-Dashboard (⭐918) - Dashboard starter template built with Vue 3 and Tailwind CSS.

Starters & Themes

• 🚀 Vite + React + Tailwind Starter - Boilerplate using Vite, React and Tailwind CSS.

Oct 26 - Nov 01, 2020

UI Libraries, Components & Templates

• 🧩📁 Jakarta LTE (⭐154) - Admin template using Tailwind CSS.

• 📁 Resume (⭐47) - Simple resume with Tailwind CSS.

• 📁 Simple Light (⭐3.8k) - Free landing page template built with React & Tailwind CSS.

Oct 12 - Oct 18, 2020

Useful Links

• 💙 Play - Advanced online playground for Tailwind CSS.

Tools

• 🎨🌍🔧 Hypercolor - Collection of pre-configured Tailwind CSS gradients with directional options.

Oct 05 - Oct 11, 2020

UI Libraries, Components & Templates

• 💙📚 Headless UI (⭐26k) - Completely unstyled, fully accessible UI components.

Tools

• 🌍🔧 tail-animista - Configurable custom animation utilities generator for Tailwind CSS.

• 🔼🌍 CSS to Tailwind CSS Converter - Converts CSS to Tailwind CSS by suggesting classes that best match.

Sep 28 - Oct 04, 2020

Plugins

• 💼 Leading Trim (⭐104) - Adds utilities to trim text whitespace, using Capsize (⭐1.5k).

Sep 21 - Sep 27, 2020

Tools

• 🎨🌍🔧 Grayscale Design - A Luminance-based color palette generator.

Starters & Themes

• 🚀 Eleventy Starter (⭐265) - Production-ready, SEO-friendly blog starter using Tailwind CSS.

Sep 14 - Sep 20, 2020

Tools

• 🎨🌍🔧 TailwindInk - AI palette generator, trained with the Tailwind CSS palette.

Sep 07 - Sep 13, 2020

Useful Links

• 💙 Website - Official Tailwind CSS website.

• 💙 Repository (⭐83k) - Official Tailwind CSS repository.

• 💙 Heroicons - Beautiful, hand-crafted SVG icons.

• Tailwind Weekly - Weekly newsletter about all things Tailwind CSS.

UI Libraries, Components & Templates

• 💙🧩 Tailwind UI - Component library made with Tailwind CSS.

• 📚 VueTailwind (⭐2.2k) - 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.

• 🧩 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 Admin (⭐476) - Administration panel template with Tailwind CSS.

IDE Extensions

• 💙 IntelliSense for Code - Provides IntelliSense in Visual Studio Code.

Plugins

• 💙🧩 Typography (⭐4.7k) - Adds a prose class for beautiful typographic defaults.

• 🎨🧬 Theme Swapper (⭐320) - Theming using CSS variables, with media queries support.

• 💼 Image Rendering (⭐82) - Adds image-rendering utilities.

• 💼 Elevation (⭐168) - Adds Material UI elevation utilities.

• 💼 RFS (⭐59) - Adds RFS utilities.

• 💼 Bidirectional (⭐353) - Adds utilities for creating multilingual bidirectional layouts.

• 💼 Background SVG (⭐22) - Inject SVGs as background images with color variants.

• 💼 Brand Colors (⭐86) - Adds various brand colors for background, border and text.

• 💼 Bootstrap Grid (⭐180) - Generates Bootstrap's style flexbox grid system.

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.

• 🎨🌍🔧 Tailwind Color Explorer - Color explorer for Tailwind CSS.

• 🔼 Tailwindo (⭐1.1k) - Bootstrap to Tailwind CSS converter.

• 🔼 RustyWind (⭐480) - CLI tool for sorting Tailwind CSS classes.

• 🚀 Maizzle - Framework for rapid email prototyping with Tailwind CSS.

• 🅰 react-native-tailwindcss (⭐565) - React Native typing system.

• 💼 Alfred Workflow (⭐122) - Fast Tailwind CSS documentation search application.

• 💼 vue-cli-plugin-tailwind (⭐211) - Vue CLI plugin that adds Tailwind CSS to a project.

• 💼 @nuxtjs/tailwindcss (⭐1.7k) - Tailwind CSS module for NuxtJS with PurgeCSS and modern CSS (preset env 1).

• 💼 preact-cli-tailwind (⭐32) - Tailwind CSS integration for Preact.

• 💼🔧 twin.macro (⭐7.9k) - Use Tailwind classes within any CSS-in-JS library.

• 💼🔧 Tailwind Config Viewer (⭐2k) - Local UI tool for visualizing your Tailwind CSS configuration file.

Starters & Themes

• 📟 Create React App with PurgeCSS (⭐29) - CRA script that adds Tailwind CSS and PurgeCSS.

• 📟 Laravel Preset (⭐14) - Adds Tailwind CSS to the Laravel framework.

• 📟💼 Laravel Front-end Preset (⭐1.2k) - Front-end preset using Tailwind CSS for Laravel.

• 📟💼 Laravel Dark Front-end Preset (⭐41) - Dark-themed front-end preset using Tailwind CSS for Laravel.

• 🚀 Create React App with EmotionJS (⭐27) - CRA boilerplate using Tailwind CSS and Emotion JS.

• 📟 Create React App with TypeScript (⭐110) - CRA template with support for Tailwind CSS and TypeScript.

• 🚀 Tailwind CSS Boilerplate (⭐119) - Tailwind CSS boilerplate using Parcel.

• 🚀 Jekyll Starter (⭐244) - Jekyll starter using Tailwind CSS.

• 🚀 Jekyll Starter (⭐116) - Jekyll starter using Tailwind CSS.

• 🚀 Gulp Starter (⭐96) - Gulp starter using Tailwind CSS.

• 🚀 Gatsby Starter (⭐496) - Gatsby starter using Tailwind CSS.

• 🚀 Gatsby Starter Simplicity (⭐34) - Gatsby starter using Tailwind CSS.

• 🚀 Gatsby Starter + Emotion JS (⭐39) - Gatsby starter using Tailwind CSS and Emotion JS.

• 🚀 Gatsby Starter Opinionated (⭐0) - Gatsby starter using Tailwind CSS and opinionated goodies.

• 🚀 Create React App Boilerplate (⭐110) - CRA boilerplate using Tailwind CSS.

• 🚀 Create React App with PurgeCSS + Autoprefixer + CSSNano (⭐11) - CRA boilerplate using CSS Nano.

• 🚀 Dogpatch (⭐51) - WordPress starter using webpack, Vue, Babel and Tailwind CSS.

• 🚀 Next.js Starter (⭐359) - Next.js boilerplate using Tailwind CSS.

• 🚀 Sapper & Svelte Starter (⭐76) - Svelte boilerplate using Sapper, Tailwind CSS, Purge CSS, Prettier and ESLint.

• 🚀 Netlify Lambda Starter (⭐8) - Netlify Lambda boilerplate using Tailwind CSS.

• 🚀 Hugo Theme Starter with Tailwind CSS (⭐400) - Hugo theme starter using Tailwind CSS.

• 🚀 Eleventy Web Starter (⭐313) - Starter kit using Eleventy, Tailwind CSS, webpack and PostCSS.

• 🚀 Nanoc Starter (⭐9) - Nanoc starter using Tailwind CSS.

• 🚀 PostCSS and Browsersync Boilerplate (⭐31) - Boilerplate using CSS Nano.

• 🚀 ParcelJS + TypeScript Boilerplate (⭐8) - Boilerplate using Tailwind CSS, ParcelJS bundler and TypeScript.

• 🚀 VuePress Tailwind CSS Starter (⭐15) - A VuePress starter using Tailwind CSS.

• 🚀 Gatsby Serif (⭐27) - Gatsby's serif theme using Tailwind CSS.

Learning

• 💙🧪 Plugin Examples (⭐210) - Official plugin examples.

• 🧪 Tailwind Dark Mode Theme Switcher (⭐188) - Switching themes with CSS Custom Properties and Tailwind CSS.

• 🧪 Acquia (⭐20) - Acquia's hosting dashboard rebuilt with Vue.js and Tailwind CSS.

• 🧪 Navbar - Navbar made with Vue.js and Tailwind CSS.

• 🧪 “Open” landing page (⭐146) - “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 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.

• 🔧 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 Tweet component with Tailwind CSS.

• 🎓 Modal Dialog - Creating a modal dialog with Tailwind CSS.

• 🎓 Building real-world UIs using Tailwind CSS (⭐101) - Building UIs of Shopify, Spotify, Netlify and Atlassian.

• 🎓 Login Page (PingPing) - Creating a login page with Tailwind CSS.

• 🎓 Navigation - Building a navigation with Tailwind CSS.

• 🎓 Forms with Tailwind CSS - How to style a form with Tailwind CSS.

• 🎓 Photo gallery with CSS grids - Building a photo gallery with CSS grids and Tailwind CSS.

• 🎓 Rebuilding Bartik - Rebuilding Bartik (Drupal's default theme) with Vue.js and Tailwind CSS.

• 🎓 Rebuilding Airbnb's Home Page - Rebuilding Airbnb's Home Page with Tailwind CSS.

• 🎥 Laracasts Weekly Stream: Tailwind

• 🎥 More experimentation with Tailwind CSS

• 🎥 Rebuilding Spotify

• 🎥 Rebuilding Discord

• 🎥 Rebuilding Meetup