🌎 Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces.
- Useful Links
- IDE Extensions
- Plugins
- Tools
- UI Libraries, Components & Templates
- Starters & Themes
- Learning
Legend: 💙 Official resource
- 💙 🌎 Website - Official Tailwind CSS website.
- 💙
84076⭐
4263🍴
Repository) - Official Tailwind CSS repository. - 💙 🌎 Tailwind UI - Component library made with Tailwind CSS.
- 💙
26445⭐
1091🍴
Headless UI) - Completely unstyled, fully accessible UI components. - 💙 🌎 Heroicons - Beautiful, hand-crafted SVG icons.
- 💙 🌎 Play - Advanced online playground for Tailwind CSS.
- 💙 🌎 Discord - Official Discord server to connect with other community members about Tailwind CSS.
- 🌎 Tailwind Weekly - Weekly newsletter about all things Tailwind CSS.
Legend: 💙 Official resource
- 💙 🌎 IntelliSense for Code - Provides IntelliSense in Visual Studio Code.
197⭐
21🍴
LSP support for Emacs) - LSP support for Emacs.- 🌎 Tailwind CSS Highlight - Highlights utility classes in Visual Studio Code.
67⭐
10🍴
CSS to TailwindCSS converter for Code) - Converts CSS to Tailwind CSS in Visual Studio Code.96⭐
6🍴
Editor support for VS2022) - IntelliSense, linting, sorting, and more in Visual Studio 2022.
Legend: 💙 Official plugin · 🎨 Theming · 💼 Utilities · 🧬 Variants · 🧩 Components · 🛑 Deprecated
- 💙🧩
4841⭐
276🍴
Typography) - Adds aprose
class for beautiful typographic defaults. - 💙💼
1305⭐
39🍴
Container queries) - Provides utilities for container queries. - 💙
4292⭐
223🍴
Forms) - Adds better default styles to form elements. - 🎨🧬
196⭐
6🍴
Theme Variants) - Adds theme variants based on media queries and/or CSS selectors. - 🎨🧬
321⭐
15🍴
Theme Swapper) - Theming using CSS variables, with media queries support. - 🎨🧬
305⭐
11🍴
Themer) - Adds theming support for Tailwind CSS with CSS variables and variants. - 🎨🧩
?⭐
?🍴
Tailwind Elements) - Extends Tailwind CSS with 500+ interactive components (datepickers, modals, forms, tables, darkmode). - 🎨🧩
232⭐
15🍴
CSS Variables) - Exports custom CSS variables. - 🎨💼
16⭐
1🍴
Accent) - Addsaccent
colors for more dynamic and flexible color utilization. - 💼🧬
2116⭐
67🍴
Radix) - Adds utilities and variants for styling Radix UI state. - 💼
82⭐
1🍴
Image Rendering) - Addsimage-rendering
utilities. - 💼
168⭐
7🍴
Elevation) - Adds 🌎 Material UIelevation
utilities. - 💼
61⭐
3🍴
RFS) - Adds3334⭐
216🍴
RFS
) utilities. - 💼
354⭐
33🍴
Bidirectional) - Adds utilities for creating multilingual bidirectional layouts. - 💼
22⭐
0🍴
Background SVG) - Inject SVGs as background images with color variants. - 💼
20⭐
0🍴
Background Unsplash) - Apply 🌎 unsplash.com images as background. - 💼
86⭐
8🍴
Brand Colors) - Adds various brand colors for background, border and text. - 💼
180⭐
20🍴
Bootstrap Grid) - Generates Bootstrap's style flexbox grid system. - 💼
22⭐
0🍴
Dot & Grid Backgrounds) - Addsbg-grid
andbg-dot
classes to add easy-to-customize grid and dot pattern backgrounds with just CSS. - 💼
106⭐
3🍴
Leading Trim) - Adds utilities to trim text whitespace, using1539⭐
39🍴
Capsize). - 💼
247⭐
8🍴
Scrollbar Hide) - Addsscrollbar-hide
class for visual hide scrollbar. - 💼
349⭐
9🍴
Fluid Type) - Adds fluid type (font-size
) utilities. - 💼
139⭐
4🍴
Grid Areas) - Addsgrid-areas
andgrid-area
utilities. - 💼
59⭐
2🍴
Full bleed background and borders) - Provides utilities for extended backgrounds and borders. - 💼
2⭐
0🍴
CSS Filter Order) - Addsfilter-order
utilities for changing the order of filters in the generated CSS. - 💼
260⭐
6🍴
Tailwind CSS 3D) - Adds 3Dtransform
utilities and animations. - 💼
20⭐
0🍴
Claymorphism) - Addsclay
utilities for creating claymorphism style. - 💼🧬🧩
1352⭐
21🍴
Fluid) - Adds fluidclamp()
versions of every built-in utility. - 🧬
4338⭐
179🍴
FormKit) - Adds variants for input and form states for FormKit. - 🧬
19⭐
0🍴
Htmx) - Adds variants for styling on 🌎 htmx events. - 🧬
11⭐
0🍴
Quantity Queries) - Adds variants for using quantity queries. - 🧩
618⭐
18🍴
Debug screens) - Adds a component that shows the currently active screen (responsive breakpoint).
🛑 *Below are official plugins which functionalities are either deprecated or (partially) implemented in core.*
- 🛑💼💙
1183⭐
36🍴
Line Clamp) - Provides utilities for visually truncating text after a fixed number of lines. - 🛑🧩💙
1553⭐
72🍴
Custom Forms) - Adds better default styles to form elements. - 🛑💙💼
988⭐
34🍴
Aspect Ratio) - Adds composable aspect ratio utilities.
Legend: 🌍 Accessible online · 🔼 Conversion or upgrade tool · 🔧 Generator · 🅰 Typing/enforcement · 💼 Plugins/Tools/Extensions for external services · 🎨 Color-related · 🚀 Framework · 💰 Paid plans
- 💙💼
5759⭐
138🍴
Prettier plugin) - Official Tailwind CSS plugin for Prettier. - 🎨🌍🔧 🌎 Ui Colors - Color palette generator for Tailwind CSS.
- 🎨🌍🔧 🌎 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.
- 🎨🌍🔧 🌎 TailwindInk - AI palette generator, trained with the Tailwind CSS palette.
- 🎨🌍🔧 🌎 Gradient Designer - Generate gradients for Tailwind 2.0+.
- 🎨🌍🔧 🌎 Grayscale Design - A Luminance-based color palette generator.
- 🎨🌍🔧 🌎 Hypercolor - Collection of pre-configured Tailwind CSS gradients with directional options.
- 🎨🌍🔧 🌎 palettolithic - Generates harmonious color palettes based on one color.
- 🎨🌍🔧 🌎 Tailwind Gradient Generator - Create perfect Tailwind CSS gradients with zero lines of code.
- 🎨🌍🔧 🌎 Tints - Color palette generator and API for Tailwind CSS.
- 🎨🌍🔧 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.
- 🎨🌍🔧 🌎 InclusiveColors - Create fine-tuned WCAG accessible Tailwind CSS color palettes.
- 🌍🔧💼
3814⭐
104🍴
Twind) - Compiler functions that turn Tailwind's classes into CSS at run, serve and build time. - 🌍🔧 🌎 tail-animista - Configurable custom animation utilities generator for Tailwind CSS.
- 🌍🔧 🌎 brands-tail-color - Configuration generator using various brands' colors.
- 🌍 🌎 Typography playground - Tool for trying different Google Fonts combinations with the Tailwind CSS typography plugin.
- 🌍 🌎 Flowrift - Beautifully designed Tailwind CSS UI blocks.
- 🔼🌍🔧 🌎 Tailwindhelper - Visualize Tailwind CSS classes and unit converter.
- 🔼🌍 🌎 Prefixer - Tailwind classes' prefixer tool.
- 🔼🌍 🌎 CSS to Tailwind CSS Converter - Converts CSS to Tailwind CSS by suggesting classes that best match.
- 🔼🌍 🌎 ska-tailwind-editor - Edit Tailwind HTML as WordPress blocks with intuitive UI for Tailwind classes and get HTML or JSX back.
- 🔼
1094⭐
108🍴
Tailwindo) - Bootstrap to Tailwind CSS converter. - 🔼
490⭐
26🍴
RustyWind) - CLI tool for sorting Tailwind CSS classes. - 🚀 🌎 Maizzle - Framework for rapid email prototyping with Tailwind CSS.
- 🅰
566⭐
34🍴
react-native-tailwindcss) - React Native typing system. - 💼
123⭐
4🍴
Alfred Workflow) - Fast Tailwind CSS documentation search application. - 💼
211⭐
10🍴
vue-cli-plugin-tailwind) - Vue CLI plugin that adds Tailwind CSS to a project. - 💼
1694⭐
185🍴
@nuxtjs/tailwindcss) - Tailwind CSS module for NuxtJS with PurgeCSS and modern CSS (preset env 1). - 💼
32⭐
4🍴
preact-cli-tailwind) - Tailwind CSS integration for Preact. - 💼
1432⭐
174🍴
tailwindcss-rails) - Gem for using Tailwind CSS with Rails' asset pipeline. - 💼🔧
7961⭐
184🍴
twin.macro) - Use Tailwind classes within any CSS-in-JS library. - 💼🔧
38⭐
0🍴
tailwindcss-webpack-plugin) - Out-of-the-box Tailwind CSS, supports "Design in DevTools" mode and visualizes Tailwind CSS configuration. - 💼🔧
38⭐
0🍴
tailwindcss-vite-plugin) - Vite plugin for Tailwind CSS, supports "Design in DevTools" mode and visualizes Tailwind CSS configuration. - 💼🔧
2057⭐
113🍴
Tailwind Config Viewer) - Local UI tool for visualizing your Tailwind CSS configuration file. - 💼
170⭐
2🍴
clb) - clb (class list builder) is a utility function that builds a class list based on a 🌎 Stitches like API. - 💼
9⭐
0🍴
react-with-class) - Utility function for creating primitive React components with a set of classes, props or variants. - 💼
9⭐
0🍴
twined-components) - Extended component of a styled-components that prioritizes class names for use in Tailwind CSS. - 💼
272⭐
13🍴
Tails DevTools) - All-in-one browser extension for Tailwind CSS. - 💼
461⭐
13🍴
Impulse.dev) – UI editor for Tailwind CSS and React that edits your code. - 💼
58⭐
5🍴
Tailiscope.nvim) - Tailwind CSS cheat sheet integrated in Neovim. - 💼 🌎 Raycast Extension - Search classes, documentation and colors in Raycast Launcher.
- 💼 🌎 DivMagic - Copy any web element and style as Tailwind CSS component.
- 💼 🌎 Gimli Tailwind - Smart tools for Tailwind CSS as a browser extension.
- 🌍 🌎 Tailwind Cheat Sheet - Tailwind CSS class names in a searchable page.
- 🌍🔧 🌎 Tailwind Grid Generator - Drag and drop Tailwind CSS grid generator.
- 🌍🔧 🌎 Tailwind Box Shadows Generator - Box Shadows generator.
- 💰🌍🔧 🌎 Windframe - Tailwind CSS drag and drop builder to rapidly build and prototype websites.
- 🌍 🌎 Static Tailwind - The most used Tailwind classes, precompiled, with no build step.
- 🎨🔧 🌎 CSS Variables Editor - AI-powered Chrome extension for managing colors in daisyUI and shadcn/ui.
Legend: 💙 Official resource · 📚 Library · 🧩 Components · 📁 Templates
- 💙🧩 🌎 Tailwind UI - Component library made with Tailwind CSS.
- 💙📚
26445⭐
1091🍴
Headless UI) - Completely unstyled, fully accessible UI components. - 💙📁 🌎 Catalyst - Beautiful, accessible application UI kit for React.
- 📚
2166⭐
137🍴
VueTailwind) - Vue.js UI library using Tailwind CSS. - 📚 🌎 Flowbite - Open-source component library built with Tailwind CSS.
- 📚 🌎 a17t - Atomic design toolkit built to extend Tailwind CSS.
- 📚
196⭐
11🍴
tails-ui) - React UI library using Tailwind CSS. - 📚
62⭐
12🍴
tails) - Hand-crafted templates and components using Tailwind CSS. - 📚
1795⭐
97🍴
Svelte Headless UI) - Unofficial Svelte port of Headless UI. - 📚 🌎 Xtend UI - Tailwind CSS components with advanced interactions and animations.
- 📚 🌎 Headless UI Float - Floating UI integration for Headless UI.
- 📚 🌎 Vanilla Components - Set of fully customizable Vue components.
- 📚 🌎 Sailboat UI - Modern UI framework for Tailwind CSS.
- 📚 🌎 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.
- 📚 🌎 Tailkits - Curated Tailwind CSS components, templates, UI kits, resources, tools & more.
- 📚 🌎 STDF - Mobile web component library based on Svelte and Tailwind CSS.
- 📚 🌎 TWC - Lightweight library to create reusable React + Tailwind CSS components in one line.
- 📚 🌎 Tremor - React library to build charts and dashboards with Tailwind CSS.
- 📚 🌎 Preline UI - Open-source Tailwind CSS components library for any needs.
- 📚 🌎 Flyon UI - Open-source components library for 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.
- 🧩
584⭐
76🍴
Tailwind Cards) - Growing collection of text/image cards. - 🧩📁 🌎 Tailwind Templates - Collection of templates and components.
- 🧩📁 🌎 Treact - React UI templates and components built using Tailwind CSS.
- 🧩📁
155⭐
23🍴
Jakarta LTE) - Admin template using Tailwind CSS. - 🧩📁 🌎 themes.dev - Handcrafted, free and premium Tailwind CSS themes and components.
- 🧩 🌎 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.
- 🧩 🌎 WickedBlocks - Collection of more than 120 layout blocks and components built with Tailwind CSS.
- 🧩
34564⭐
1322🍴
Daisy UI) - UI Components for Tailwind CSS. - 🧩 🌎 Kometa UI Kit - Free multi-purpose UI kit, built with Tailwind CSS.
- 🧩 🌎 Mamba UI - Free Tailwind CSS components, sections and templates.
- 🧩
374⭐
75🍴
Litepie Date picker) - A date range picker component for Vue.js and Tailwind CSS. - 🧩
140⭐
44🍴
Tailwind Datepicker) - Adds a datepicker component built with Tailwind CSS and vanilla JavaScript. - 🧩
21⭐
7🍴
Tailwind Typeahead) - Typeahead/Autocomplete component built with Vue.js and Tailwind CSS. - 🧩 🌎 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.
- 🧩 🌎 NativeWind - NativeWind uses Tailwind CSS as scripting language to create a universal style system for React Native.
- 🧩 🌎 Windstatic - Set of 161 elements & layouts made with Tailwind CSS and Alpine.js.
- 🧩 🌎 TailwindFlex - Free library of Tailwind CSS examples.
- 🧩 🌎 Shadcn UI - Re-usable components built using Radix UI and Tailwind CSS.
- 🧩 🌎 Indie UI - Rich styled UI components.
- 🧩 🌎 Penguin UI - Plug-n-play UI component library for Tailwind CSS & Alpine JS.
- 🧩 🌎 Motion Primitives - React motion components built with Tailwind CSS and Framer Motion.
- 📁 🌎 Vue Notus - Open-source Tailwind CSS and Vue.js UI kit.
- 📁 🌎 EasyTailwind - Freemium, easily customizable templates made with Tailwind CSS.
- 📁 🌎 Windmill Dashboard - Multi theme, completely accessible dashboard template.
- 📁
477⭐
101🍴
Tailwind Admin) - Administration panel template with Tailwind CSS. - 📁 🌎 Landing Gradients - Landing page template using gradients (1.7+).
- 📁
47⭐
8🍴
Resume) - Simple resume with Tailwind CSS. - 📁
3859⭐
1533🍴
Simple Light) - Free landing page template built with React & Tailwind CSS. - 📁
924⭐
207🍴
V-Dashboard) - Dashboard starter template built with Vue 3 and Tailwind CSS. - 📁
31⭐
6🍴
Petra) - Free landing page template built with Nuxt.js & Tailwind CSS. - 📁
59⭐
16🍴
Tailmin) - Admin dashboard built with Vue.js and Tailwind CSS. - 📁
240⭐
20🍴
OhMySMTP Templates) - Set of Transactional HTML Email Templates, built with Maizzle - 📁 🌎 Material Tailwind Kit React - Free Tailwind CSS and React UI kit.
- 📁 🌎 Material Tailwind Dashboard React - Free Tailwind CSS and React admin template.
- 📁
2227⭐
419🍴
Admin One Vue 3) - Free Vue.js 3 Tailwind CSS admin template with Vite & Vue CLI support. - 📁 🌎 Cruip - Beautifully designed HTML, React, and Vue.js templates.
- 📁
490⭐
146🍴
Admin One React) - Free React.js Tailwind CSS admin template with Next.js & TypeScript. - 📁
2234⭐
542🍴
Flowbite Admin Dashboard) - Open-source admin dashboard template built with Tailwind CSS and Flowbite. - 📁
4⭐
1🍴
Astro Template Resume) - Eye-catching resume template built with Astro, Tailwind CSS. - 📁
988⭐
160🍴
Astro Template Cactus) - Tailwind CSS Astro starter template. - 📁
89⭐
23🍴
Astro Template Ovidius) - Tailwind CSS & Astro blog template. - 📁
307⭐
145🍴
Astro Template Dante) - Tailwind CSS & Astro blog/portfolio template.
Legend: 💼 Package · 📟 Command line tool/generator · 🚀 Cloneable
- 📟
29⭐
3🍴
Create React App with PurgeCSS) - CRA script that adds Tailwind CSS and PurgeCSS. - 📟
14⭐
2🍴
Laravel Preset) - Adds Tailwind CSS to the Laravel framework. - 📟💼
1150⭐
140🍴
Laravel Front-end Preset) - Front-end preset using Tailwind CSS for Laravel. - 📟💼
41⭐
2🍴
Laravel Dark Front-end Preset) - Dark-themed front-end preset using Tailwind CSS for Laravel. - 🚀
27⭐
2🍴
Create React App with EmotionJS) - CRA boilerplate using Tailwind CSS and Emotion JS. - 📟
110⭐
18🍴
Create React App with TypeScript) - CRA template with support for Tailwind CSS and TypeScript. - 📟
85⭐
5🍴
Next.js PWA) – CLI that generate boilerplate code of Next.js PWA along with Tailwind CSS integration. - 📟
251⭐
14🍴
new-tailwind-app) - Creates React.js, Next.js, Gatsby.js, Vue3, Laravel, and basic Tailwind CSS apps. - 🚀
121⭐
19🍴
Tailwind CSS Boilerplate) - Tailwind CSS boilerplate using Parcel. - 🚀
245⭐
60🍴
Jekyll Starter) - Jekyll starter using Tailwind CSS. - 🚀
116⭐
19🍴
Jekyll Starter) - Jekyll starter using Tailwind CSS. - 🚀
8⭐
0🍴
Jekyll Starter) - Jekyll starter using Tailwind CSS - 🚀
96⭐
11🍴
Gulp Starter) - Gulp starter using Tailwind CSS. - 🚀
495⭐
91🍴
Gatsby Starter) - Gatsby starter using Tailwind CSS. - 🚀
34⭐
9🍴
Gatsby Starter Simplicity) - Gatsby starter using Tailwind CSS. - 🚀
76⭐
10🍴
Gatsby Starter + TypeScript) - Gatsby starter using Tailwind CSS and TypeScript. - 🚀
39⭐
6🍴
Gatsby Starter + Emotion JS) - Gatsby starter using Tailwind CSS and Emotion JS. - 🚀
0⭐
0🍴
Gatsby Starter Opinionated) - Gatsby starter using Tailwind CSS and opinionated goodies. - 🚀
111⭐
12🍴
Create React App Boilerplate) - CRA boilerplate using Tailwind CSS. - 🚀
11⭐
1🍴
Create React App with PurgeCSS + Autoprefixer + CSSNano) - CRA boilerplate using CSS Nano. - 🚀
51⭐
6🍴
Dogpatch) - WordPress starter using webpack, Vue, Babel and Tailwind CSS. - 🚀
359⭐
63🍴
Next.js Starter) - Next.js boilerplate using Tailwind CSS. - 🚀
76⭐
10🍴
Sapper & Svelte Starter) - Svelte boilerplate using Sapper, Tailwind CSS, Purge CSS, Prettier and ESLint. - 🚀
8⭐
2🍴
Netlify Lambda Starter) - Netlify Lambda boilerplate using Tailwind CSS. - 🚀
402⭐
55🍴
Hugo Theme Starter with Tailwind CSS) - Hugo theme starter using Tailwind CSS. - 🚀
315⭐
31🍴
Eleventy Web Starter) - Starter kit using Eleventy, Tailwind CSS, webpack and PostCSS. - 🚀
9⭐
1🍴
Nanoc Starter) - Nanoc starter using Tailwind CSS. - 🚀
31⭐
2🍴
PostCSS and Browsersync Boilerplate) - Boilerplate using CSS Nano. - 🚀
8⭐
0🍴
ParcelJS + TypeScript Boilerplate) - Boilerplate using Tailwind CSS, ParcelJS bundler and TypeScript. - 🚀
15⭐
3🍴
VuePress Tailwind CSS Starter) - A VuePress starter using Tailwind CSS. - 🚀
27⭐
20🍴
Gatsby Serif) - Gatsby's serif theme using Tailwind CSS. - 🚀
?⭐
?🍴
Eleventy Starter) - Production-ready, SEO-friendly blog starter using Tailwind CSS. - 🚀
?⭐
?🍴
Vite + React + Tailwind Starter) - Boilerplate using Vite, React and Tailwind CSS. - 🚀
80⭐
28🍴
Vite + React + TypeScript + Tailwind 3.x starter) - GitHub Template for Vite, React + Tailwind 3.x + TypeScript. - 🚀
?⭐
?🍴
Vite + Vue 3.x + Tailwind 2.x Starter) - Starter template using Vite, Vue, Vue Router and Tailwind CSS. - 🚀
32⭐
1🍴
Vite + Lit + Tailwind Starter) - Boilerplate using Vite, Lit and Tailwind CSS. - 🚀
758⭐
136🍴
Shopify Theme Lab) - Shopify theme development starter using Vue and Tailwind CSS. - 🚀
212⭐
49🍴
Starter Dashboard Layout) - Dashboard layout using Tailwind CSS and Alpine JS. - 🚀
99⭐
101🍴
Jekyll Landing Website Starter) - Production ready, SEO-friendly, performant landing website boilerplate using Jekyll and Tailwind CSS. - 🚀
9696⭐
1831🍴
Next JS Boilerplate) - Boilerplate for Next.js and Tailwind CSS. - 🚀
138⭐
15🍴
Vitailse) - Opinionated Vite starter template with Vue 3, TypeScript and Tailwind CSS. - 🚀
260⭐
46🍴
Vite-Boot) - Vite + Vue3 + TypeScript + Vue-Router4 + Pinia + Tailwind CSS + VueUse Template. - 🚀
3680⭐
1123🍴
AstroWind) - Production ready and SEO-friendly template to start a website using Astro and Tailwind CSS. - 🚀
364⭐
133🍴
Angular-Tailwind) - Dashboard starter kit using Angular and Tailwind CSS. - 🚀
24⭐
13🍴
Vue-Resume) - Developer resume template with Tailwind CSS and Vue.
Legend: 💙 Official resource · 🧪 Sample · 🔧 Setup Tutorial · 🎬 Video Tutorial · 🎓 Component or Page Tutorial · 🎥 Cast
- 💙🧪
211⭐
27🍴
Plugin Examples) - Official plugin examples. - 🧪
188⭐
11🍴
Tailwind Dark Mode Theme Switcher) - Switching themes with CSS Custom Properties and Tailwind CSS. - 🧪
20⭐
3🍴
Acquia) - Acquia's hosting dashboard rebuilt with Vue.js and Tailwind CSS. - 🧪 🌎 Navbar - Navbar made with Vue.js and Tailwind CSS.
- 🧪
?⭐
?🍴
“Open” landing page) - “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.
- 🔧
23⭐
2🍴
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.
- 💙🎬 🌎 Tailwind CSS: From Zero to Production - Complete walkthrough of Tailwind CSS, from installation to optimization for deployment.
- 🎬 🌎 Let's Build: Tweet component - Building a Tweet component with Tailwind CSS.
- 🎬 🌎 10 Tailwind CSS Tips and Tricks - 10 Tailwind CSS tricks you should know.
- 🎬 🌎 Responsive Framer Motion with Tailwind CSS - Learn how CSS variables can bridge the gap between Framer Motion and Tailwind CSS.
- 🎓 🌎 Modal Dialog - Creating a modal dialog with Tailwind CSS.
- 🎓
102⭐
19🍴
Building real-world UIs using Tailwind CSS) - 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.
- 🎓 🌎 Typographic defaults in Tailwind CSS
- 🎓 🌎 Create a responsive navigation menu in Tailwind CSS
- 🎥 🌎 Laracasts Weekly Stream: Tailwind
- 🎥 🌎 More experimentation with Tailwind CSS
- 🎥 🌎 Rebuilding Spotify
- 🎥 🌎 Rebuilding Discord
- 🎥 🌎 Rebuilding Meetup
·
Contributions welcome! Read the contribution guidelines first.
13755⭐
964🍴
aniftyco/awesome-tailwindcss)