Skip to content

Latest commit

 

History

History
355 lines (322 loc) · 49.3 KB

README.md

File metadata and controls

355 lines (322 loc) · 49.3 KB
Raw


Tailwind CSS logo

Awesome Tailwind CSS

🌎 Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces.

Awesome badge   Lint status badge

Contents

Useful Links

Legend: 💙 Official resource

  • 💙 🌎 Website - Official Tailwind CSS website.
  • 💙  83050⭐   4211🍴 Repository) - Official Tailwind CSS repository.
  • 💙 🌎 Tailwind UI - Component library made with Tailwind CSS.
  • 💙  26168⭐   1082🍴 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.

IDE Extensions

Legend: 💙 Official resource

Plugins

Legend: 💙 Official plugin · 🎨 Theming · 💼 Utilities · 🧬 Variants · 🧩 Components · 🛑 Deprecated

  • 💙🧩   4678⭐    269🍴 Typography) - Adds a prose class for beautiful typographic defaults.
  • 💙💼   1224⭐     37🍴 Container queries) - Provides utilities for container queries.
  • 💙   4247⭐    225🍴 Forms) - Adds better default styles to form elements.
  • 🎨🧬    195⭐      6🍴 Theme Variants) - Adds theme variants based on media queries and/or CSS selectors.
  • 🎨🧬    320⭐     15🍴 Theme Swapper) - Theming using CSS variables, with media queries support.
  • 🎨🧬    299⭐     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).
  • 🎨🧩    230⭐     15🍴 CSS Variables) - Exports custom CSS variables.
  • 🎨💼     16⭐      1🍴 Accent) - Adds accent colors for more dynamic and flexible color utilization.
  • 💼🧬   2107⭐     67🍴 Radix) - Adds utilities and variants for styling Radix UI state.
  • 💼     82⭐      1🍴 Image Rendering) - Adds image-rendering utilities.
  • 💼    168⭐      7🍴 Elevation) - Adds 🌎 Material UI elevation utilities.
  • 💼     59⭐      3🍴 RFS) - Adds   3320⭐    216🍴 RFS) utilities.
  • 💼    353⭐     33🍴 Bidirectional) - Adds utilities for creating multilingual bidirectional layouts.
  • 💼     22⭐      0🍴 Background SVG) - Inject SVGs as background images with color variants.
  • 💼     19⭐      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.
  • 💼     16⭐      0🍴 Dot & Grid Backgrounds) - Adds bg-grid and bg-dot classes to add easy-to-customize grid and dot pattern backgrounds with just CSS.
  • 💼    104⭐      3🍴 Leading Trim) - Adds utilities to trim text whitespace, using   1527⭐     38🍴 Capsize).
  • 💼    241⭐      8🍴 Scrollbar Hide) - Adds scrollbar-hide class for visual hide scrollbar.
  • 💼    345⭐      9🍴 Fluid Type) - Adds fluid type (font-size) utilities.
  • 💼    138⭐      4🍴 Grid Areas) - Adds grid-areas and grid-area utilities.
  • 💼     56⭐      2🍴 Full bleed background and borders) - Provides utilities for extended backgrounds and borders.
  • 💼      2⭐      0🍴 CSS Filter Order) - Adds filter-order utilities for changing the order of filters in the generated CSS.
  • 💼    246⭐      6🍴 Tailwind CSS 3D) - Adds 3D transform utilities and animations.
  • 💼     19⭐      0🍴 Claymorphism) - Adds clay utilities for creating claymorphism style.
  • 💼🧬🧩   1184⭐     20🍴 Fluid) - Adds fluid clamp() versions of every built-in utility.
  • 🧬   4299⭐    177🍴 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.
  • 🧩    609⭐     16🍴 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.*
  • 🛑💼💙   1177⭐     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.
  • 🛑💙💼    975⭐     34🍴 Aspect Ratio) - Adds composable aspect ratio utilities.

Tools

Legend: 🌍 Accessible online · 🔼 Conversion or upgrade tool · 🔧 Generator · 🅰 Typing/enforcement · 💼 Plugins/Tools/Extensions for external services · 🎨 Color-related · 🚀 Framework · 💰 Paid plans

  • 💙💼   5636⭐    135🍴 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 harmonius color palettes based on one color.
  • 🎨🌍🔧 🌎 Tailwind Gradient Generator - Create perfect Tailwind CSS gradients with zero lines of code.
  • 🎨🌍🔧 🌎 Tints - Color palette penerator 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.
  • 🌍🔧💼   3789⭐    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.
  • 🔼   1093⭐    108🍴 Tailwindo) - Bootstrap to Tailwind CSS converter.
  • 🔼    480⭐     27🍴 RustyWind) - CLI tool for sorting Tailwind CSS classes.
  • 🚀 🌎 Maizzle - Framework for rapid email prototyping with Tailwind CSS.
  • 🅰    565⭐     34🍴 react-native-tailwindcss) - React Native typing system.
  • 💼    122⭐      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.
  • 💼   1681⭐    183🍴 @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.
  • 💼   1423⭐    174🍴 tailwindcss-rails) - Gem for using Tailwind CSS with Rails' asset pipeline.
  • 💼🔧   7933⭐    183🍴 twin.macro) - Use Tailwind classes within any CSS-in-JS library.
  • 💼🔧     36⭐      0🍴 tailwindcss-webpack-plugin) - Out-of-the-box Tailwind CSS, supports "Design in DevTools" mode and visualizes Tailwind CSS configuration.
  • 💼🔧     36⭐      0🍴 tailwindcss-vite-plugin) - Vite plugin for Tailwind CSS, supports "Design in DevTools" mode and visualizes Tailwind CSS configuration.
  • 💼🔧   2022⭐    113🍴 Tailwind Config Viewer) - Local UI tool for visualizing your Tailwind CSS configuration file.
  • 💼    167⭐      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.
  • 💼      8⭐      0🍴 twined-components) - Extended component of a styled-components that prioritizes class names for use in Tailwind CSS.
  • 💼    268⭐     12🍴 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.
  • 💼     56⭐      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.

UI Libraries, Components & Templates

Legend: 💙 Official resource · 📚 Library · 🧩 Components · 📁 Templates

  • 💙🧩 🌎 Tailwind UI - Component library made with Tailwind CSS.
  • 💙📚  26168⭐   1082🍴 Headless UI) - Completely unstyled, fully accessible UI components.
  • 💙📁 🌎 Catalyst - Beautiful, accessible application UI kit for React.
  • 📚   2164⭐    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.
  • 📚     60⭐     12🍴 tails) - Hand-crafted templates and components using Tailwind CSS.
  • 📚   1789⭐     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.
  • 🧩📁    154⭐     24🍴 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.
  • 🧩  34010⭐   1302🍴 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.
  • 🧩    373⭐     75🍴 Litepie Date picker) - A date range picker component for Vue.js and Tailwind CSS.
  • 🧩    139⭐     43🍴 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.
  • 📁    475⭐    101🍴 Tailwind Admin) - Administration panel template with Tailwind CSS.
  • 📁 🌎 Landing Gradients - Landing page template using gradients (1.7+).
  • 📁     47⭐      7🍴 Resume) - Simple resume with Tailwind CSS.
  • 📁   3790⭐   1520🍴 Simple Light) - Free landing page template built with React & Tailwind CSS.
  • 📁    916⭐    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.
  • 📁     58⭐     16🍴 Tailmin) - Admin dashboard built with Vue.js and Tailwind CSS.
  • 📁    234⭐     21🍴 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.
  • 📁   2198⭐    413🍴 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.
  • 📁    471⭐    140🍴 Admin One React) - Free React.js Tailwind CSS admin template with Next.js & TypeScript.
  • 📁   2140⭐    526🍴 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.
  • 📁    938⭐    150🍴 Astro Template Cactus) - Tailwind CSS Astro starter template.
  • 📁     89⭐     24🍴 Astro Template Ovidius) - Tailwind CSS & Astro blog template.
  • 📁    274⭐    125🍴 Astro Template Dante) - Tailwind CSS & Astro blog/portfolio template.

Starters & Themes

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.
  • 📟💼   1151⭐    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.
  • 🚀    119⭐     19🍴 Tailwind CSS Boilerplate) - Tailwind CSS boilerplate using Parcel.
  • 🚀    244⭐     62🍴 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.
  • 🚀    496⭐     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.
  • 🚀    110⭐     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⭐     62🍴 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.
  • 🚀    400⭐     55🍴 Hugo Theme Starter with Tailwind CSS) - Hugo theme starter using Tailwind CSS.
  • 🚀    313⭐     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.
  • 🚀     79⭐     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.
  • 🚀    753⭐    135🍴 Shopify Theme Lab) - Shopify theme development starter using Vue and Tailwind CSS.
  • 🚀    212⭐     50🍴 Starter Dashboard Layout) - Dashboard layout using Tailwind CSS and Alpine JS.
  • 🚀     98⭐    100🍴 Jekyll Landing Website Starter) - Production ready, SEO-friendly, performant landing website boilerplate using Jekyll and Tailwind CSS.
  • 🚀   9312⭐   1776🍴 Next JS Boilerplate) - Boilerplate for Next.js and Tailwind CSS.
  • 🚀    139⭐     14🍴 Vitailse) - Opinionated Vite starter template with Vue 3, TypeScript and Tailwind CSS.
  • 🚀    255⭐     46🍴 Vite-Boot) - Vite + Vue3 + TypeScript + Vue-Router4 + Pinia + Tailwind CSS + VueUse Template.
  • 🚀   3458⭐   1050🍴 AstroWind) - Production ready and SEO-friendly template to start a website using Astro and Tailwind CSS.
  • 🚀    343⭐    126🍴 Angular-Tailwind) - Dashboard starter kit using Angular and Tailwind CSS.
  • 🚀     24⭐     13🍴 Vue-Resume) - Developer resume template with Tailwind CSS and Vue.

Learning

Legend: 💙 Official resource · 🧪 Sample · 🔧 Setup Tutorial · 🎬 Video Tutorial · 🎓 Component or Page Tutorial · 🎥 Cast



·

Contributions welcome! Read the contribution guidelines first.

Source

 13557⭐    959🍴 aniftyco/awesome-tailwindcss)