{"id":27720399,"url":"https://github.com/correia-jpv/fucking-awesome-tailwindcss","last_synced_at":"2025-04-27T09:56:51.516Z","repository":{"id":37674849,"uuid":"456134446","full_name":"Correia-jpv/fucking-awesome-tailwindcss","owner":"Correia-jpv","description":"😎 Awesome things related to Tailwind CSS. With repository stars⭐ and forks🍴","archived":false,"fork":false,"pushed_at":"2025-04-14T04:03:01.000Z","size":426,"stargazers_count":19,"open_issues_count":1,"forks_count":3,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-27T09:56:46.310Z","etag":null,"topics":["awesome","awesome-list","css","css-framework","framework","postcss","tailwind","tailwind-css","tailwindcss","tailwindcss-plugin","webapp","webdevelopment"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Correia-jpv.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"Correia-jpv"}},"created_at":"2022-02-06T11:43:33.000Z","updated_at":"2025-04-14T04:03:03.000Z","dependencies_parsed_at":"2024-05-22T05:28:27.495Z","dependency_job_id":null,"html_url":"https://github.com/Correia-jpv/fucking-awesome-tailwindcss","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Correia-jpv%2Ffucking-awesome-tailwindcss","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Correia-jpv%2Ffucking-awesome-tailwindcss/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Correia-jpv%2Ffucking-awesome-tailwindcss/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Correia-jpv%2Ffucking-awesome-tailwindcss/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Correia-jpv","download_url":"https://codeload.github.com/Correia-jpv/fucking-awesome-tailwindcss/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251119577,"owners_count":21539194,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["awesome","awesome-list","css","css-framework","framework","postcss","tailwind","tailwind-css","tailwindcss","tailwindcss-plugin","webapp","webdevelopment"],"created_at":"2025-04-27T09:56:51.027Z","updated_at":"2025-04-27T09:56:51.506Z","avatar_url":"https://github.com/Correia-jpv.png","language":null,"funding_links":["https://github.com/sponsors/Correia-jpv"],"categories":["Programming Language Lists"],"sub_categories":["JavaScript Lists"],"readme":"\u003c!--lint disable awesome-heading awesome-github double-link no-dead-urls--\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cbr\u003e\n  \u003cimg width=\"100\" src=\"./assets/logo.svg\" alt=\"Tailwind CSS logo\"\u003e\n  \u003cbr\u003e\n  \u003cbr\u003e\n\u003c/p\u003e\n\n\u003ch2 align=\"center\"\u003eAwesome Tailwind CSS\u003c/h2\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://tailwindcss.com\"\u003e🌎 Tailwind CSS\u003c/a\u003e is a utility-first CSS framework for rapidly building custom user interfaces.\n  \u003cbr\u003e\n  \u003cbr\u003e\n  \u003ca href=\"https://github.com/sindresorhus/awesome\"\u003e\n    \u003cimg src=\"https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg\" alt=\"Awesome badge\"\u003e\n  \u003c/a\u003e\n  \u0026nbsp;\n  \u003ca href=\"https://github.com/sindresorhus/awesome-lint\"\u003e\n    \u003cimg src=\"https://github.com/correia-jpv/fucking-awesome-tailwindcss/workflows/Lint/badge.svg\" alt=\"Lint status badge\"\u003e\n  \u003c/a\u003e\n  \u003cbr\u003e\n  \u003cbr\u003e\n\u003c/p\u003e\n\n## Contents\n\n- [Useful Links](#useful-links)\n- [IDE Extensions](#ide-extensions)\n- [Plugins](#plugins)\n- [Tools](#tools)\n- [UI Libraries, Components \u0026 Templates](#ui-libraries-components--templates)\n- [Starters \u0026 Themes](#starters--themes)\n- [Learning](#learning)\n\n## Useful Links\n\n**Legend**: 💙 Official resource\n\n- 💙 🌎 [Website](tailwindcss.com) - Official Tailwind CSS website.\n- 💙 \u003cb\u003e\u003ccode\u003e\u0026nbsp;87109⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;4487🍴\u003c/code\u003e\u003c/b\u003e [Repository](https://github.com/tailwindcss/tailwindcss)) - Official Tailwind CSS repository.\n- 💙 🌎 [Tailwind UI](tailwindui.com) - Component library made with Tailwind CSS.\n- 💙 \u003cb\u003e\u003ccode\u003e\u0026nbsp;27137⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1115🍴\u003c/code\u003e\u003c/b\u003e [Headless UI](https://github.com/tailwindlabs/headlessui)) - Completely unstyled, fully accessible UI components.\n- 💙 🌎 [Heroicons](heroicons.com/) - Beautiful, hand-crafted SVG icons.\n- 💙 🌎 [Play](play.tailwindcss.com/) - Advanced online playground for Tailwind CSS.\n- 💙 🌎 [Discord](tailwindcss.com/discord) - Official Discord server to connect with other community members about Tailwind CSS.\n- 🌎 [Tailwind Weekly](tailwindweekly.com/) - Weekly newsletter about all things Tailwind CSS.\n\n## IDE Extensions\n\n**Legend**: 💙 Official resource\n\n- 💙 🌎 [IntelliSense for Code](marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) - Provides IntelliSense in Visual Studio Code.\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;209⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;23🍴\u003c/code\u003e\u003c/b\u003e [LSP support for Emacs](https://github.com/merrickluo/lsp-tailwindcss)) - LSP support for Emacs.\n- 🌎 [Tailwind CSS Highlight](marketplace.visualstudio.com/items?itemName=ellreka.tailwindcss-highlight) - Highlights utility classes in Visual Studio Code.\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;72⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;9🍴\u003c/code\u003e\u003c/b\u003e [CSS to TailwindCSS converter for Code](https://github.com/Jackardios/vscode-css-to-tailwindcss)) - Converts CSS to Tailwind CSS in Visual Studio Code.\n- \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;125⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;6🍴\u003c/code\u003e\u003c/b\u003e [Editor support for VS2022](https://github.com/theron-wang/VS2022-Editor-Support-for-Tailwind-CSS)) - IntelliSense, linting, sorting, and more in Visual Studio 2022.\n\n## Plugins\n\n**Legend**: 💙 Official plugin · 🎨 Theming · 💼 Utilities · 🧬 Variants · 🧩 Components · 🛑 Deprecated\n\n- 💙🧩 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;5323⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;288🍴\u003c/code\u003e\u003c/b\u003e [Typography](https://github.com/tailwindlabs/tailwindcss-typography)) - Adds a `prose` class for beautiful typographic defaults.\n- 💙💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1386⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;42🍴\u003c/code\u003e\u003c/b\u003e [Container queries](https://github.com/tailwindlabs/tailwindcss-container-queries)) - Provides utilities for container queries.\n- 💙 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;4387⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;225🍴\u003c/code\u003e\u003c/b\u003e [Forms](https://github.com/tailwindlabs/tailwindcss-forms)) - Adds better default styles to form elements.\n- 🎨🧬 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;197⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;6🍴\u003c/code\u003e\u003c/b\u003e [Theme Variants](https://github.com/JakeNavith/tailwindcss-theme-variants)) - Adds theme variants based on media queries and/or CSS selectors.\n- 🎨🧬 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;325⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;15🍴\u003c/code\u003e\u003c/b\u003e [Theme Swapper](https://github.com/crswll/tailwindcss-theme-swapper)) - Theming using CSS variables, with media queries support.\n- 🎨🧬 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;307⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;12🍴\u003c/code\u003e\u003c/b\u003e [Themer](https://github.com/RyanClementsHax/tailwindcss-themer)) - Adds theming support for Tailwind CSS with CSS variables and variants.\n- 🎨🧩 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [Tailwind Elements](https://github.com/mdbootstrap/TW-Elements/)) - Extends Tailwind CSS with 500+ interactive components (datepickers, modals, forms, tables, darkmode).\n- 🎨🧩 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;233⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;15🍴\u003c/code\u003e\u003c/b\u003e [CSS Variables](https://github.com/mertasan/tailwindcss-variables)) - Exports custom CSS variables.\n- 🎨💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;17⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;1🍴\u003c/code\u003e\u003c/b\u003e [Accent](https://github.com/enjidev/tailwindcss-accent)) - Adds `accent` colors for more dynamic and flexible color utilization.\n- 💼🧬 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;2146⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;68🍴\u003c/code\u003e\u003c/b\u003e [Radix](https://github.com/ecklf/tailwindcss-radix)) - Adds utilities and variants for styling Radix UI state.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;81⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;1🍴\u003c/code\u003e\u003c/b\u003e [Image Rendering](https://github.com/hacknug/tailwindcss-image-rendering)) - Adds `image-rendering` utilities.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;168⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;7🍴\u003c/code\u003e\u003c/b\u003e [Elevation](https://github.com/jonaskay/tailwindcss-elevation)) - Adds 🌎 [Material UI `elevation`](material.io/design/environment/elevation.html) utilities.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;62⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;3🍴\u003c/code\u003e\u003c/b\u003e [RFS](https://github.com/aerni/tailwindcss-rfs)) - Adds \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;3352⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;215🍴\u003c/code\u003e\u003c/b\u003e [`RFS`](https://github.com/twbs/rfs)) utilities.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;357⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;32🍴\u003c/code\u003e\u003c/b\u003e [Bidirectional](https://github.com/20lives/tailwindcss-rtl)) - Adds utilities for creating multilingual bidirectional layouts.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;22⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;0🍴\u003c/code\u003e\u003c/b\u003e [Background SVG](https://github.com/AndersNielsen85/tailwindcss-bg-svg)) - Inject SVGs as background images with color variants.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;20⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;0🍴\u003c/code\u003e\u003c/b\u003e [Background Unsplash](https://github.com/shorwood/tailwindcss-unsplash)) - Apply 🌎 [unsplash.com](unsplash.com) images as background.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;86⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;8🍴\u003c/code\u003e\u003c/b\u003e [Brand Colors](https://github.com/praveenjuge/tailwindcss-brand-colors)) - Adds various brand colors for background, border and text.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;185⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;21🍴\u003c/code\u003e\u003c/b\u003e [Bootstrap Grid](https://github.com/karolis-sh/tailwind-bootstrap-grid)) - Generates Bootstrap's style flexbox grid system.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;26⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;1🍴\u003c/code\u003e\u003c/b\u003e [Dot \u0026 Grid Backgrounds](https://github.com/TheNaubit/tailwind-dot-grid-backgrounds)) - Adds `bg-grid` and `bg-dot` classes to add easy-to-customize grid and dot pattern backgrounds with just CSS.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;112⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;3🍴\u003c/code\u003e\u003c/b\u003e [Leading Trim](https://github.com/stormwarning/tailwindcss-capsize)) - Adds utilities to trim text whitespace, using \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1586⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;40🍴\u003c/code\u003e\u003c/b\u003e [Capsize](https://github.com/seek-oss/capsize)).\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;270⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;9🍴\u003c/code\u003e\u003c/b\u003e [Scrollbar Hide](https://github.com/reslear/tailwind-scrollbar-hide)) - Adds `scrollbar-hide` class for visual hide scrollbar.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;358⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;9🍴\u003c/code\u003e\u003c/b\u003e [Fluid Type](https://github.com/davidhellmann/tailwindcss-fluid-type)) - Adds fluid type (`font-size`) utilities.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;142⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;6🍴\u003c/code\u003e\u003c/b\u003e [Grid Areas](https://github.com/SavvyWombat/tailwindcss-grid-areas)) - Adds `grid-areas` and `grid-area` utilities.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;62⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;2🍴\u003c/code\u003e\u003c/b\u003e [Full bleed background and borders](https://github.com/dgknca/tailwindcss-full-bleed)) - Provides utilities for extended backgrounds and borders.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;2⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;0🍴\u003c/code\u003e\u003c/b\u003e [CSS Filter Order](https://github.com/joshdavenport/tailwindcss-filter-order)) - Adds `filter-order` utilities for changing the order of filters in the generated CSS.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;287⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;6🍴\u003c/code\u003e\u003c/b\u003e [Tailwind CSS 3D](https://github.com/sambauers/tailwindcss-3d)) - Adds 3D `transform` utilities and animations.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;21⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;0🍴\u003c/code\u003e\u003c/b\u003e [Claymorphism](https://github.com/dulltackle/tailwindcss-claymorphism)) - Adds `clay` utilities for creating claymorphism style.\n- 💼🧬🧩 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1609⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;23🍴\u003c/code\u003e\u003c/b\u003e [Fluid](https://github.com/barvian/fluid-tailwind)) - Adds fluid `clamp()` versions of every built-in utility.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;1⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;0🍴\u003c/code\u003e\u003c/b\u003e [tailwindcss-px-to-viewport](https://github.com/the-lemonboy/tailwindcss-px-to-viewport)) - Adds utilities to automatically convert px to vw / vh.\n- 🧬 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;4454⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;190🍴\u003c/code\u003e\u003c/b\u003e [FormKit](https://github.com/formkit/formkit/tree/master/packages/tailwindcss)) - Adds variants for input and form states for FormKit.\n- 🧬 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;20⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;0🍴\u003c/code\u003e\u003c/b\u003e [Htmx](https://github.com/aniftyco/tailwind-htmx)) - Adds variants for styling on 🌎 [htmx](htmx.org/reference/#classes) events.\n- 🧬 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;13⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;0🍴\u003c/code\u003e\u003c/b\u003e [Quantity Queries](https://github.com/skttl/tailwindcss-quantity-queries)) - Adds variants for using quantity queries.\n- 🧩 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;647⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;19🍴\u003c/code\u003e\u003c/b\u003e [Debug screens](https://github.com/jorenvanhee/tailwindcss-debug-screens)) - Adds a component that shows the currently active screen (responsive breakpoint).\n\n\n\n\u003cdetails\u003e\n\n  \u003csummary\u003e🛑  *Below are official plugins which functionalities are either deprecated or (partially) implemented in core.*\u003c/summary\u003e\n\n- 🛑💼💙 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1191⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;37🍴\u003c/code\u003e\u003c/b\u003e [Line Clamp](https://github.com/tailwindlabs/tailwindcss-line-clamp)) - Provides utilities for visually truncating text after a fixed number of lines.\n- 🛑🧩💙 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1555⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;72🍴\u003c/code\u003e\u003c/b\u003e [Custom Forms](https://github.com/tailwindlabs/tailwindcss-custom-forms)) - Adds better default styles to form elements.\n- 🛑💙💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;997⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;37🍴\u003c/code\u003e\u003c/b\u003e [Aspect Ratio](https://github.com/tailwindlabs/tailwindcss-aspect-ratio)) - Adds composable aspect ratio utilities.\n\u003c/details\u003e\n\n## Tools\n\n**Legend**: 🌍 Accessible online · 🔼 Conversion or upgrade tool · 🔧 Generator · 🅰 Typing/enforcement · 💼 Plugins/Tools/Extensions for external services · 🎨 Color-related · 🚀 Framework · 💰 Paid plans\n\n- 💙💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;6181⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;156🍴\u003c/code\u003e\u003c/b\u003e [Prettier plugin](https://github.com/tailwindlabs/prettier-plugin-tailwindcss)) - Official Tailwind CSS plugin for Prettier.\n- 🎨🌍🔧 🌎 [Ui Colors](uicolors.app/create) - Color palette generator for Tailwind CSS.\n- 🎨🌍🔧 🌎 [Tailwind Color Shades](javisperez.github.io/tailwindcolorshades) - Color shades generator for Tailwind CSS.\n- 🎨🌍🔧 🌎 [Palette generator](adevade.github.io/color-scheme-generator) - Color palette generator that outputs Tailwind CSS configuration files.\n- 🎨🌍🔧 🌎 [Tailwind Colors](tailwind-colors.meidev.co) - Color configuration generator for Tailwind CSS.\n- 🎨🌍🔧 🌎 [Tailwind Color Explorer](stefanbuck.com/tailwind-color-theme-explorer) - Color explorer for Tailwind CSS.\n- 🎨🌍🔧 🌎 [TailwindInk](tailwind.ink/) - AI palette generator, trained with the Tailwind CSS palette.\n- 🎨🌍🔧 🌎 [Gradient Designer](gradient-designer.csspost.com/) - Generate gradients for Tailwind 2.0+.\n- 🎨🌍🔧 🌎 [Grayscale Design](grayscale.design/) - A Luminance-based color palette generator.\n- 🎨🌍🔧 🌎 [Hypercolor](hypercolor.dev/) - Collection of pre-configured Tailwind CSS gradients with directional options.\n- 🎨🌍🔧 🌎 [palettolithic](palettolithic.com) - Generates harmonious color palettes based on one color.\n- 🎨🌍🔧 🌎 [Tailwind Gradient Generator](tailwindcomponents.com/gradient-generator) - Create perfect Tailwind CSS gradients with zero lines of code.\n- 🎨🌍🔧 🌎 [Tints](www.tints.dev/) - Color palette generator and API for Tailwind CSS.\n- 🎨🌍🔧 [Tailwind CSS Colors](http://tailwindcsscolors.com) - Cheat sheet for Tailwind CSS colors.\n- 🎨🌍🔧 [Tailwind Gradients](http://tailwindgradients.com) - Collection of gradients using Tailwind CSS classes.\n- 🎨🌍🔧 🌎 [Fullwind CSS](fullwindcss.com/) - Extend Tailwind CSS color palettes with additional shades.\n- 🎨🌍🔧 🌎 [InclusiveColors](www.inclusivecolors.com/) - Create fine-tuned WCAG accessible Tailwind CSS color palettes.\n- 🌍🔧💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;3850⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;106🍴\u003c/code\u003e\u003c/b\u003e [Twind](https://github.com/tw-in-js/twind)) - Compiler functions that turn Tailwind's classes into CSS at run, serve and build time.\n- 🌍🔧 🌎 [tail-animista](tail-animista.vercel.app) - Configurable custom animation utilities generator for Tailwind CSS.\n- 🌍🔧 🌎 [brands-tail-color](brands-tail-color.vercel.app/) - Configuration generator using various brands' colors.\n- 🌍 🌎 [Typography playground](tailwind-typography-playground.vercel.app/) - Tool for trying different Google Fonts combinations with the Tailwind CSS typography plugin.\n- 🌍 🌎 [Flowrift](flowrift.com) - Beautifully designed Tailwind CSS UI blocks.\n- 🔼🌍🔧 🌎 [Tailwindhelper](www.tailwindhelper.com/) - Visualize Tailwind CSS classes and unit converter.\n- 🔼🌍 🌎 [Prefixer](github.vue.tailwind-prefix.cbass.dev) - Tailwind classes' prefixer tool.\n- 🔼🌍 🌎 [CSS to Tailwind CSS Converter](transform.tools/css-to-tailwind) - Converts CSS to Tailwind CSS by suggesting classes that best match.\n- 🔼🌍 🌎 [ska-tailwind-editor](sinukoduleheabi.ee/editor/) - Edit Tailwind HTML as WordPress blocks with intuitive UI for Tailwind classes and get HTML or JSX back.\n- 🔼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1105⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;111🍴\u003c/code\u003e\u003c/b\u003e [Tailwindo](https://github.com/awssat/tailwindo)) - Bootstrap to Tailwind CSS converter.\n- 🔼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;538⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;27🍴\u003c/code\u003e\u003c/b\u003e [RustyWind](https://github.com/avencera/rustywind)) - CLI tool for sorting Tailwind CSS classes.\n- 🚀 🌎 [Maizzle](maizzle.com/) - Framework for rapid email prototyping with Tailwind CSS.\n- 🅰 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;565⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;33🍴\u003c/code\u003e\u003c/b\u003e [react-native-tailwindcss](https://github.com/TVke/react-native-tailwindcss)) - React Native typing system.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;123⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;4🍴\u003c/code\u003e\u003c/b\u003e [Alfred Workflow](https://github.com/clnt/alfred-tailwindcss-docs)) - Fast Tailwind CSS documentation search application.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;210⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;10🍴\u003c/code\u003e\u003c/b\u003e [vue-cli-plugin-tailwind](https://github.com/forsartis/vue-cli-plugin-tailwind)) - Vue CLI plugin that adds Tailwind CSS to a project.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1773⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;188🍴\u003c/code\u003e\u003c/b\u003e [@nuxtjs/tailwindcss](https://github.com/nuxt-community/tailwindcss-module)) - Tailwind CSS module for NuxtJS with PurgeCSS and modern CSS (preset env 1).\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;32⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;4🍴\u003c/code\u003e\u003c/b\u003e [preact-cli-tailwind](https://github.com/agneym/preact-cli-tailwind)) - Tailwind CSS integration for Preact.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1495⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;186🍴\u003c/code\u003e\u003c/b\u003e [tailwindcss-rails](https://github.com/rails/tailwindcss-rails)) - Gem for using Tailwind CSS with Rails' asset pipeline.\n- 💼🔧 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;8001⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;183🍴\u003c/code\u003e\u003c/b\u003e [twin.macro](https://github.com/ben-rogerson/twin.macro)) - Use Tailwind classes within any CSS-in-JS library.\n- 💼🔧 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;37⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;0🍴\u003c/code\u003e\u003c/b\u003e [tailwindcss-webpack-plugin](https://github.com/await-ovo/tailwindcss-webpack-plugin)) - Out-of-the-box Tailwind CSS, supports \"Design in DevTools\" mode and visualizes Tailwind CSS configuration.\n- 💼🔧 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;37⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;0🍴\u003c/code\u003e\u003c/b\u003e [tailwindcss-vite-plugin](https://github.com/await-ovo/tailwindcss-webpack-plugin/tree/main/packages/vite-plugin)) - Vite plugin for Tailwind CSS, supports \"Design in DevTools\" mode and visualizes Tailwind CSS configuration.\n- 💼🔧 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;2110⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;116🍴\u003c/code\u003e\u003c/b\u003e [Tailwind Config Viewer](https://github.com/rogden/tailwind-config-viewer)) - Local UI tool for visualizing your Tailwind CSS configuration file.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;175⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;2🍴\u003c/code\u003e\u003c/b\u003e [clb](https://github.com/crswll/clb)) - clb (class list builder) is a utility function that builds a class list based on a 🌎 [Stitches](stitches.dev/) like API.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;9⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;0🍴\u003c/code\u003e\u003c/b\u003e [react-with-class](https://github.com/antomics/react-with-class)) - Utility function for creating primitive React components with a set of classes, props or variants.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;10⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;0🍴\u003c/code\u003e\u003c/b\u003e [twined-components](https://github.com/lowfront/twined-components)) - Extended component of a styled-components that prioritizes class names for use in Tailwind CSS.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;280⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;14🍴\u003c/code\u003e\u003c/b\u003e [Tails DevTools](https://github.com/vechai/tails-devtools)) - All-in-one browser extension for Tailwind CSS.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;461⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;13🍴\u003c/code\u003e\u003c/b\u003e [Impulse.dev](https://github.com/impulse-oss/impulse)) – UI editor for Tailwind CSS and React that edits your code.\n- 💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;59⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;5🍴\u003c/code\u003e\u003c/b\u003e [Tailiscope.nvim](https://github.com/danielvolchek/tailiscope.nvim)) - Tailwind CSS cheat sheet integrated in Neovim.\n- 💼 🌎 [Raycast Extension](www.raycast.com/vimtor/tailwindcss) - Search classes, documentation and colors in Raycast Launcher.\n- 💼 🌎 [DivMagic](divmagic.com) - Copy any web element and style as Tailwind CSS component.\n- 💼 🌎 [Gimli Tailwind](chromewebstore.google.com/detail/gimli-tailwind/fojckembkmaoehhmkiomebhkcengcljl) - Smart tools for Tailwind CSS as a browser extension.\n- 🌍 🌎 [Tailwind Cheat Sheet](tailwindcomponents.com/cheatsheet) - Tailwind CSS class names in a searchable page.\n- 🌍🔧 🌎 [Tailwind Grid Generator](www.tailwindgen.com/) - Drag and drop Tailwind CSS grid generator.\n- 🌍🔧 🌎 [Tailwind Box Shadows Generator](manuarora.in/boxshadows) - Box Shadows generator.\n- 💰🌍🔧 🌎 [Windframe](www.devwares.com/windframe/) - Tailwind CSS drag and drop builder to rapidly build and prototype websites.\n- 🌍 🌎 [Static Tailwind](statictailwind.com) - The most used Tailwind classes, precompiled, with no build step.\n- 🎨🔧 🌎 [CSS Variables Editor](www.cssvariables.com) - AI-powered Chrome extension for managing colors in daisyUI and shadcn/ui.\n\n## UI Libraries, Components \u0026 Templates\n\n**Legend**: 💙 Official resource · 📚 Library · 🧩 Components · 📁 Templates\n\n- 💙🧩 🌎 [Tailwind UI](tailwindui.com) - Component library made with Tailwind CSS.\n- 💙📚 \u003cb\u003e\u003ccode\u003e\u0026nbsp;27137⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1115🍴\u003c/code\u003e\u003c/b\u003e [Headless UI](https://github.com/tailwindlabs/headlessui)) - Completely unstyled, fully accessible UI components.\n- 💙📁 🌎 [Catalyst](tailwindui.com/templates/catalyst) - Beautiful, accessible application UI kit for React.\n- 📚 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;2168⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;135🍴\u003c/code\u003e\u003c/b\u003e [VueTailwind](https://github.com/alfonsobries/vue-tailwind)) - Vue.js UI library using Tailwind CSS.\n- 📚 🌎 [Flowbite](flowbite.com/docs/getting-started/introduction/) - Open-source component library built with Tailwind CSS.\n- 📚 🌎 [a17t](a17t.miles.land) - Atomic design toolkit built to extend Tailwind CSS.\n- 📚 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;197⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;11🍴\u003c/code\u003e\u003c/b\u003e [tails-ui](https://github.com/knipferrc/tails-ui)) - React UI library using Tailwind CSS.\n- 📚 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;62⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;12🍴\u003c/code\u003e\u003c/b\u003e [tails](https://github.com/thedevdojo/tails)) - Hand-crafted templates and components using Tailwind CSS.\n- 📚 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1806⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;94🍴\u003c/code\u003e\u003c/b\u003e [Svelte Headless UI](https://github.com/rgossiaux/svelte-headlessui)) - Unofficial Svelte port of Headless UI.\n- 📚 🌎 [Xtend UI](xtendui.com/) - Tailwind CSS components with advanced interactions and animations.\n- 📚 🌎 [Headless UI Float](headlessui-float.vercel.app) - Floating UI integration for Headless UI.\n- 📚 🌎 [Vanilla Components](vanilla-components.com) - Set of fully customizable Vue components.\n- 📚 🌎 [Sailboat UI](sailboatui.com/) - Modern UI framework for Tailwind CSS.\n- 📚 🌎 [Built At Lightspeed](www.builtatlightspeed.com/) - Massive directory of 500+ Tailwind templates, starters and UI kits.\n- 📚 🌎 [Statichunt](statichunt.com/tailwind-templates) - Open source directory of hand-picked free and premium Tailwind templates \u0026 Starters.\n- 📚 🌎 [Tailkits](tailkits.com/) - Curated Tailwind CSS components, templates, UI kits, resources, tools \u0026 more.\n- 📚 🌎 [STDF](stdf.design) - Mobile web component library based on Svelte and Tailwind CSS.\n- 📚 🌎 [TWC](react-twc.vercel.app) - Lightweight library to create reusable React + Tailwind CSS components in one line.\n- 📚 🌎 [Tremor](tremor.so) - React library to build charts and dashboards with Tailwind CSS.\n- 📚 🌎 [Preline UI](preline.co) - Open-source Tailwind CSS components library for any needs.\n- 📚 🌎 [Flyon UI](flyonui.com/) - Open-source components library for Tailwind CSS.\n- 🧩 🌎 [TailBlocks](mertjf.github.io/tailblocks) - 60+ different ready to use Tailwind CSS blocks.\n- 🧩 🌎 [Tailwind Components](tailwindcomponents.com) - Community-driven Tailwind CSS component repository.\n- 🧩 🌎 [Tailwind Toolbox](www.tailwindtoolbox.com) - Templates, components and resources.\n- 🧩 🌎 [Meraki UI Components](merakiui.com) - Beautiful Tailwind CSS components that support RTL languages.\n- 🧩 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;590⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;76🍴\u003c/code\u003e\u003c/b\u003e [Tailwind Cards](https://github.com/hasinhayder/tailwind-cards)) - Growing collection of text/image cards.\n- 🧩📁 🌎 [Tailwind Templates](www.tailwindtemplates.io) - Collection of templates and components.\n- 🧩📁 🌎 [Treact](treact.owaiskhan.me) - React UI templates and components built using Tailwind CSS.\n- 🧩📁 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;156⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;23🍴\u003c/code\u003e\u003c/b\u003e [Jakarta LTE](https://github.com/zeroblack-c/jakarta-lte)) - Admin template using Tailwind CSS.\n- 🧩📁 🌎 [themes.dev](www.themes.dev/) - Handcrafted, free and premium Tailwind CSS themes and components.\n- 🧩 🌎 [Sail UI](sailui.github.io/) - Collection of basic UI components built on Tailwind CSS.\n- 🧩 🌎 [jQuery Toggler](craigerskine.github.io/jquery-tailwind-checkbox-toggle) - Switches using jQuery and Tailwind CSS.\n- 🧩 🌎 [Tailwind Kit](creative-tim.com/learning-lab/tailwind-starter-kit) - Framework-agnostic, Vue.js, React and Angular components.\n- 🧩 🌎 [WickedBlocks](blocks.wickedtemplates.com/) - Collection of more than 120 layout blocks and components built with Tailwind CSS.\n- 🧩 \u003cb\u003e\u003ccode\u003e\u0026nbsp;36324⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1432🍴\u003c/code\u003e\u003c/b\u003e [Daisy UI](https://github.com/saadeghi/daisyui)) - UI Components for Tailwind CSS.\n- 🧩 🌎 [Kometa UI Kit](kitwind.io/products/kometa/components) - Free multi-purpose UI kit, built with Tailwind CSS.\n- 🧩 🌎 [Mamba UI](mambaui.com) - Free Tailwind CSS components, sections and templates.\n- 🧩 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;374⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;74🍴\u003c/code\u003e\u003c/b\u003e [Litepie Date picker](https://github.com/kenhyuwa/litepie-datepicker)) - A date range picker component for Vue.js and Tailwind CSS.\n- 🧩 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;143⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;44🍴\u003c/code\u003e\u003c/b\u003e [Tailwind Datepicker](https://github.com/themesberg/tailwind-datepicker)) - Adds a datepicker component built with Tailwind CSS and vanilla JavaScript.\n- 🧩 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;21⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;7🍴\u003c/code\u003e\u003c/b\u003e [Tailwind Typeahead](https://github.com/basarozcan/vue-tailwindcss-typeahead)) - Typeahead/Autocomplete component built with Vue.js and Tailwind CSS.\n- 🧩 🌎 [Material Tailwind](material-tailwind.com) - Easy to use components library for Tailwind CSS and Material Design.\n- 🧩 🌎 [Layouts for Tailwind](layoutsfortailwind.lalokalabs.dev) - Layouts and UI Patterns for Tailwind CSS.\n- 🧩 🌎 [HyperUI](hyperui.dev) - Open source marketing and ecommerce Tailwind CSS components.\n- 🧩 🌎 [Snippets](snippets.alexandru.so) - Open source collection of animation snippets made for Tailwind CSS.\n- 🧩 🌎 [Fancy Tailwind](fancytailwind.com) - Large collection of Tailwind CSS UI components (700+).\n- 🧩 🌎 [Myna UI](mynaui.com) - Open source UI Components and Marketing Elements made with Tailwind CSS.\n- 🧩 🌎 [RippleUI](www.ripple-ui.com) - Clean, modern and beautiful Tailwind CSS components.\n- 🧩 🌎 [Wind UI](wind-ui.com) - Expertly made, responsive, accessible components in React and HTML ready to be used on your website or app.\n- 🧩 🌎 [Pines UI](devdojo.com/pines) - Alpine and Tailwind CSS UI library.\n- 🧩 🌎 [NativeWind](www.nativewind.dev) - NativeWind uses Tailwind CSS as scripting language to create a universal style system for React Native.\n- 🧩 🌎 [Windstatic](windstatic.com) - Set of 161 elements \u0026 layouts made with Tailwind CSS and Alpine.js.\n- 🧩 🌎 [TailwindFlex](tailwindflex.com) - Free library of Tailwind CSS examples.\n- 🧩 🌎 [Shadcn UI](ui.shadcn.com) - Re-usable components built using Radix UI and Tailwind CSS.\n- 🧩 🌎 [Indie UI](ui.indie-starter.dev) - Rich styled UI components.\n- 🧩 🌎 [Penguin UI](www.penguinui.com) - Plug-n-play UI component library for Tailwind CSS \u0026 Alpine JS.\n- 🧩 🌎 [Motion Primitives](motion-primitives.com) - React motion components built with Tailwind CSS and Framer Motion.\n- 🧩 🌎 [Kokonut UI](kokonutui.com/) - Collection of modern, interactive customizable UI components.\n- 📁 🌎 [Vue Notus](www.creative-tim.com/product/vue-notus) - Open-source Tailwind CSS and Vue.js UI kit.\n- 📁 🌎 [EasyTailwind](easytailwind.now.sh) - Freemium, easily customizable templates made with Tailwind CSS.\n- 📁 🌎 [Windmill Dashboard](windmill-dashboard.vercel.app/) - Multi theme, completely accessible dashboard template.\n- 📁 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;480⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;100🍴\u003c/code\u003e\u003c/b\u003e [Tailwind Admin](https://github.com/tailwindadmin/admin)) - Administration panel template with Tailwind CSS.\n- 📁 🌎 [Landing Gradients](landing-gradients.netlify.app) - Landing page template using gradients (1.7+).\n- 📁 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;48⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;8🍴\u003c/code\u003e\u003c/b\u003e [Resume](https://github.com/mohusman360/mohusman360.github.io)) - Simple resume with Tailwind CSS.\n- 📁 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;4060⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1577🍴\u003c/code\u003e\u003c/b\u003e [Simple Light](https://github.com/cruip/tailwind-landing-page-template)) - Free landing page template built with React \u0026 Tailwind CSS.\n- 📁 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;924⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;206🍴\u003c/code\u003e\u003c/b\u003e [V-Dashboard](https://github.com/wobsoriano/v-dashboard)) - Dashboard starter template built with Vue 3 and Tailwind CSS.\n- 📁 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;31⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;6🍴\u003c/code\u003e\u003c/b\u003e [Petra](https://github.com/Smuice-com/free-nuxtjs-tailwindcss-landing-page-template)) - Free landing page template built with Nuxt.js \u0026 Tailwind CSS.\n- 📁 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;59⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;17🍴\u003c/code\u003e\u003c/b\u003e [Tailmin](https://github.com/otezz/tailmin)) - Admin dashboard built with Vue.js and Tailwind CSS.\n- 📁 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;242⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;20🍴\u003c/code\u003e\u003c/b\u003e [OhMySMTP Templates](https://github.com/ohmysmtp/templates)) - Set of Transactional HTML Email Templates, built with Maizzle\n- 📁 🌎 [Material Tailwind Kit React](www.creative-tim.com/product/material-tailwind-kit-react) - Free Tailwind CSS and React UI kit.\n- 📁 🌎 [Material Tailwind Dashboard React](www.creative-tim.com/product/material-tailwind-dashboard-react) - Free Tailwind CSS and React admin template.\n- 📁 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;2294⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;433🍴\u003c/code\u003e\u003c/b\u003e [Admin One Vue 3](https://github.com/justboil/admin-one-vue-tailwind)) - Free Vue.js 3 Tailwind CSS admin template with Vite \u0026 Vue CLI support.\n- 📁 🌎 [Cruip](cruip.com/) - Beautifully designed HTML, React, and Vue.js templates.\n- 📁 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;518⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;159🍴\u003c/code\u003e\u003c/b\u003e [Admin One React](https://github.com/justboil/admin-one-react-tailwind)) - Free React.js Tailwind CSS admin template with Next.js \u0026 TypeScript.\n- 📁 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;2444⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;577🍴\u003c/code\u003e\u003c/b\u003e [Flowbite Admin Dashboard](https://github.com/themesberg/flowbite-admin-dashboard)) - Open-source admin dashboard template built with Tailwind CSS and Flowbite.\n- 📁 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;4⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;1🍴\u003c/code\u003e\u003c/b\u003e [Astro Template Resume](https://github.com/fortezhuo/fortezhuo.my.id)) - Eye-catching resume template built with Astro, Tailwind CSS.\n- 📁 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1168⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;194🍴\u003c/code\u003e\u003c/b\u003e [Astro Template Cactus](https://github.com/chrismwilliams/astro-theme-cactus)) - Tailwind CSS Astro starter template.\n- 📁 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;101⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;26🍴\u003c/code\u003e\u003c/b\u003e [Astro Template Ovidius](https://github.com/JustGoodUI/ovidius-astro-theme)) - Tailwind CSS \u0026 Astro blog template.\n- 📁 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;367⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;196🍴\u003c/code\u003e\u003c/b\u003e [Astro Template Dante](https://github.com/JustGoodUI/dante-astro-theme)) - Tailwind CSS \u0026 Astro blog/portfolio template.\n\n## Starters \u0026 Themes\n\n**Legend**: 💼 Package · 📟 Command line tool/generator · 🚀 Cloneable\n\n- 📟 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;29⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;3🍴\u003c/code\u003e\u003c/b\u003e [Create React App with PurgeCSS](https://github.com/DemianD/create-react-app-tailwindcss)) - CRA script that adds Tailwind CSS and PurgeCSS.\n- 📟 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;13⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;2🍴\u003c/code\u003e\u003c/b\u003e [Laravel Preset](https://github.com/use-preset/laravel-tailwindcss)) - Adds Tailwind CSS to the Laravel framework.\n- 📟💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1149⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;139🍴\u003c/code\u003e\u003c/b\u003e [Laravel Front-end Preset](https://github.com/laravel-frontend-presets/tailwindcss)) - Front-end preset using Tailwind CSS for Laravel.\n- 📟💼 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;41⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;2🍴\u003c/code\u003e\u003c/b\u003e [Laravel Dark Front-end Preset](https://github.com/Naoray/dark-tailwind-preset)) - Dark-themed front-end preset using Tailwind CSS for Laravel.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;27⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;2🍴\u003c/code\u003e\u003c/b\u003e [Create React App with EmotionJS](https://github.com/muhajirframe/react-tailwind-emotion-starter)) - CRA boilerplate using Tailwind CSS and Emotion JS.\n- 📟 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;110⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;18🍴\u003c/code\u003e\u003c/b\u003e [Create React App with TypeScript](https://github.com/dance2die/cra-template-tailwindcss-typescript)) - CRA template with support for Tailwind CSS and TypeScript.\n- 📟 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;85⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;5🍴\u003c/code\u003e\u003c/b\u003e [Next.js PWA](https://github.com/msaaddev/create-next-pwa)) – CLI that generate boilerplate code of Next.js PWA along with Tailwind CSS integration.\n- 📟 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;251⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;14🍴\u003c/code\u003e\u003c/b\u003e [new-tailwind-app](https://github.com/msaaddev/new-tailwind-app)) - Creates React.js, Next.js, Gatsby.js, Vue3, Laravel, and basic Tailwind CSS apps.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;121⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;17🍴\u003c/code\u003e\u003c/b\u003e [Tailwind CSS Boilerplate](https://github.com/michelegera/create-tailwindcss-boilerplate)) - Tailwind CSS boilerplate using Parcel.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;246⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;59🍴\u003c/code\u003e\u003c/b\u003e [Jekyll Starter](https://github.com/taylorbryant/tailwind-jekyll)) - Jekyll starter using Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;117⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;19🍴\u003c/code\u003e\u003c/b\u003e [Jekyll Starter](https://github.com/mhanberg/jekyll-tailwind-starter)) - Jekyll starter using Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;8⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;0🍴\u003c/code\u003e\u003c/b\u003e [Jekyll Starter](https://github.com/shenlu89/jekyll-tailwindcss-starter)) - Jekyll starter using Tailwind CSS\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;96⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;10🍴\u003c/code\u003e\u003c/b\u003e [Gulp Starter](https://github.com/simonswiss/tailwind-starter)) - Gulp starter using Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;493⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;88🍴\u003c/code\u003e\u003c/b\u003e [Gatsby Starter](https://github.com/taylorbryant/gatsby-starter-tailwind)) - Gatsby starter using Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;34⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;9🍴\u003c/code\u003e\u003c/b\u003e [Gatsby Starter Simplicity](https://github.com/PlanFlowDev/Simplicity-Itself-Gatsby-Tailwind-Starter-Theme)) - Gatsby starter using Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;77⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;10🍴\u003c/code\u003e\u003c/b\u003e [Gatsby Starter + TypeScript](https://github.com/ecklf/gatsby-typescript-tailwind)) - Gatsby starter using Tailwind CSS and TypeScript.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;39⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;6🍴\u003c/code\u003e\u003c/b\u003e [Gatsby Starter + Emotion JS](https://github.com/muhajirframe/gatsby-tailwind-emotion-starter)) - Gatsby starter using Tailwind CSS and Emotion JS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;0⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;0🍴\u003c/code\u003e\u003c/b\u003e [Gatsby Starter Opinionated](https://github.com/mjsarfatti/gatsby-starter-tailwind-opinionated)) - Gatsby starter using Tailwind CSS and opinionated goodies.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;111⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;12🍴\u003c/code\u003e\u003c/b\u003e [Create React App Boilerplate](https://github.com/kriswep/cra-tailwindcss)) - CRA boilerplate using Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;11⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;1🍴\u003c/code\u003e\u003c/b\u003e [Create React App with PurgeCSS + Autoprefixer + CSSNano](https://github.com/saadeghi/create-react-app-tailwindcss)) - CRA boilerplate using CSS Nano.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;51⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;6🍴\u003c/code\u003e\u003c/b\u003e [Dogpatch](https://github.com/jack-pallot/dogpatch)) - WordPress starter using webpack, Vue, Babel and Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;360⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;63🍴\u003c/code\u003e\u003c/b\u003e [Next.js Starter](https://github.com/oddstronaut/tailwind-next)) - Next.js boilerplate using Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;75⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;10🍴\u003c/code\u003e\u003c/b\u003e [Sapper \u0026 Svelte Starter](https://github.com/EricPKerr/sapper-tailwindcss-starter)) - Svelte boilerplate using Sapper, Tailwind CSS, Purge CSS, Prettier and ESLint.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;8⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;2🍴\u003c/code\u003e\u003c/b\u003e [Netlify Lambda Starter](https://github.com/HugoDF/netlify-lambda-tailwind-static-starter)) - Netlify Lambda boilerplate using Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;403⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;55🍴\u003c/code\u003e\u003c/b\u003e [Hugo Theme Starter with Tailwind CSS](https://github.com/dirkolbrich/hugo-theme-tailwindcss-starter)) - Hugo theme starter using Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;320⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;31🍴\u003c/code\u003e\u003c/b\u003e [Eleventy Web Starter](https://github.com/scottishstoater/jamstack-web-starter)) - Starter kit using Eleventy, Tailwind CSS, webpack and PostCSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;10⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;1🍴\u003c/code\u003e\u003c/b\u003e [Nanoc Starter](https://github.com/arkency/nanoc-parcel-tailwind-starter)) - Nanoc starter using Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;32⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;2🍴\u003c/code\u003e\u003c/b\u003e [PostCSS and Browsersync Boilerplate](https://github.com/saadeghi/tailwindcss-postcss-browsersync-boilerplate)) - Boilerplate using CSS Nano.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;8⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;0🍴\u003c/code\u003e\u003c/b\u003e [ParcelJS + TypeScript Boilerplate](https://github.com/saadeghi/tailwindcss-parceljs-typescript-boilerplate)) - Boilerplate using Tailwind CSS, ParcelJS bundler and TypeScript.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;15⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;3🍴\u003c/code\u003e\u003c/b\u003e [VuePress Tailwind CSS Starter](https://github.com/xiaoluoboding/vuepress-tailwind-theme-starter)) - A VuePress starter using Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;26⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;20🍴\u003c/code\u003e\u003c/b\u003e [Gatsby Serif](https://github.com/windedge/gatsby-tailwind-serif)) - Gatsby's serif theme using Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [Eleventy Starter](https://github.com/ixartz/Eleventy-Starter-Boilerplate/)) - Production-ready, SEO-friendly blog starter using Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [Vite + React + Tailwind Starter](https://github.com/wobsoriano/vite-react-tailwind-starter)) - Boilerplate using Vite, React and Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;81⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;29🍴\u003c/code\u003e\u003c/b\u003e [Vite + React + TypeScript + Tailwind 3.x starter](https://github.com/PDMLab/vite-react-typescript-tailwind-starter)) - GitHub Template for Vite, React + Tailwind 3.x + TypeScript.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [Vite + Vue 3.x + Tailwind 2.x Starter](https://github.com/web2033/vite-vue3-tailwind-starter)) - Starter template using Vite, Vue, Vue Router and Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;34⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;1🍴\u003c/code\u003e\u003c/b\u003e [Vite + Lit + Tailwind Starter](https://github.com/running-grass/starter-lit-with-tailwind)) - Boilerplate using Vite, Lit and Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;771⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;143🍴\u003c/code\u003e\u003c/b\u003e [Shopify Theme Lab](https://github.com/uicrooks/shopify-theme-lab)) - Shopify theme development starter using Vue and Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;216⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;51🍴\u003c/code\u003e\u003c/b\u003e [Starter Dashboard Layout](https://github.com/Kamona-WD/starter-dashboard-layout)) - Dashboard layout using Tailwind CSS and Alpine JS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;101⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;102🍴\u003c/code\u003e\u003c/b\u003e [Jekyll Landing Website Starter](https://github.com/abhinavs/cookie)) - Production ready, SEO-friendly, performant landing website boilerplate using Jekyll and Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;10654⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;2014🍴\u003c/code\u003e\u003c/b\u003e [Next JS Boilerplate](https://github.com/ixartz/Next-js-Boilerplate)) - Boilerplate for Next.js and Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;139⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;14🍴\u003c/code\u003e\u003c/b\u003e [Vitailse](https://github.com/zynth17/vitailse)) - Opinionated Vite starter template with Vue 3, TypeScript and Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;272⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;45🍴\u003c/code\u003e\u003c/b\u003e [Vite-Boot](https://github.com/kirklin/vite-boot)) - Vite + Vue3 + TypeScript + Vue-Router4 + Pinia + Tailwind CSS + VueUse Template.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;4438⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;1272🍴\u003c/code\u003e\u003c/b\u003e [AstroWind](https://github.com/onwidget/astrowind)) - Production ready and SEO-friendly template to start a website using Astro and Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;436⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;165🍴\u003c/code\u003e\u003c/b\u003e [Angular-Tailwind](https://github.com/lannodev/angular-tailwind)) - Dashboard starter kit using Angular and Tailwind CSS.\n- 🚀 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;28⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;15🍴\u003c/code\u003e\u003c/b\u003e [Vue-Resume](https://github.com/lannodev/vue-resume)) - Developer resume template with Tailwind CSS and Vue.\n\n## Learning\n\n**Legend**: 💙 Official resource · 🧪 Sample · 🔧 Setup Tutorial · 🎬 Video Tutorial · 🎓 Component or Page Tutorial · 🎥 Cast\n\n- 💙🧪 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;213⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;27🍴\u003c/code\u003e\u003c/b\u003e [Plugin Examples](https://github.com/tailwindlabs/tailwindcss-plugin-examples)) - Official plugin examples.\n- 🧪 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;189⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;11🍴\u003c/code\u003e\u003c/b\u003e [Tailwind Dark Mode Theme Switcher](https://github.com/huphtur/tailwind-theme-switcher)) - Switching themes with CSS Custom Properties and Tailwind CSS.\n- 🧪 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [Acquia](https://github.com/opdavies/rebuilding-acquia)) - Acquia's hosting dashboard rebuilt with Vue.js and Tailwind CSS.\n- 🧪 🌎 [Navbar](codepen.io/joshmanders/pen/PQQBoR) - Navbar made with Vue.js and Tailwind CSS.\n- 🧪 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;?🍴\u003c/code\u003e\u003c/b\u003e [“Open” landing page](https://github.com/michelegera/tailwindcss-open-template/)) - “Open” landing page template by Cruip built with Tailwind CSS Boilerplate.\n- 🔧 🌎 [Testing Tailwind CSS plugins with Jest](www.oliverdavies.uk/articles/testing-tailwindcss-plugins-with-jest) - How to test Tailwind CSS plugins with Jest.\n- 🔧 🌎 [Tailwind CSS with CSS-in-JS](medium.com/@AndrewDelPrete/using-tailwindcss-with-css-in-js-32ae6796f95c) - How to use Tailwind CSS with CSS-in-JS.\n- 🔧 🌎 [Tailwind CSS in a Laravel Project](nick-basile.com/blog/post/setting-up-tailwind-in-a-laravel-project) - How to setup Tailwind CSS in a Laravel project.\n- 🔧 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;23⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;2🍴\u003c/code\u003e\u003c/b\u003e [Tailwind CSS with Ember](https://github.com/raytiley/tailwind-ember-example)) - How to add Tailwind CSS to an Ember application.\n- 🔧 🌎 [Sage WordPress theme and Tailwind CSS](roots.io/guides/how-to-setup-tailwind-css-in-sage) - How to setup Tailwind CSS in Sage.\n- 🔧 🌎 [Tailwind CSS with GatsbyJS](dev.to/jakedohm_34/using-tailwind-with-gatsby-js-10fj) - How to use Tailwind CSS with Gatsby.\n- 🔧 🌎 [Tailwind CSS with Phoenix 1.4](equimper.com/blog/how-to-setup-tailwindcss-in-phoenix-1.4) - How to setup Tailwind CSS in Phoenix 1.4.\n- 🔧 🌎 [Extend Tailwind CSS](web-crunch.com/how-to-extend-tailwind-css) - How to Extend Tailwind CSS.\n- 🎬 🌎 [Rebuilding Laravel.io](www.youtube.com/watch?v=ZrRRMBaz5Z0) - Rebuilding Laravel.io with Tailwind CSS.\n- 🎬 🌎 [Rebuilding Coinbase](www.youtube.com/watch?v=7gX_ApBeSpQ) - Rebuilding Coinbase with Tailwind CSS (see the 🌎 [CodePen](codepen.io/adamwathan/pen/RxWrZr)).\n- 🎬 🌎 [Rebuilding Twitter](www.youtube.com/watch?v=Pg_5Ni1_bg4) - Rebuilding Twitter with Tailwind CSS (see the 🌎 [CodePen](codepen.io/drehimself/full/vpeVMx)).\n- 🎬 🌎 [Rebuilding YouTube](www.youtube.com/watch?v=qxQKnqmNKv0) - Rebuilding YouTube with Tailwind CSS.\n- 🎬 🌎 [Rebuilding Netlify](www.youtube.com/watch?v=_JhTaENzfZQ\u0026t=1263s) - Rebuilding Netlify with Tailwind CSS.\n- 🎬 🌎 [Rebuilding Resolute](www.youtube.com/watch?v=banq3TfAPYk) - Rebuilding Resolute with Tailwind CSS.\n- 🎬 🌎 [Let's Build: Movie Production Landing Page](web-crunch.com/tailwind-css-movie-production-landing-page) - Building a movie production landing page with Tailwind CSS.\n- 🎬 🌎 [Lets Build: Responsive Navbar](web-crunch.com/lets-build-tailwind-css-responsive-navbar) - Building a responsive navbar with Tailwind CSS.\n- 🎬 🌎 [Let's Build: Dribbble Shot](web-crunch.com/lets-build-tailwind-css-dribbble-shot) - Dribbble shot with Tailwind CSS.\n- 💙🎬 🌎 [Tailwind CSS: From Zero to Production](www.youtube.com/playlist?list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0) - Complete walkthrough of Tailwind CSS, from installation to optimization for deployment.\n- 🎬 🌎 [Let's Build: Tweet component](web-crunch.com/lets-build-tailwind-css-tweet) - Building a Tweet component with Tailwind CSS.\n- 🎬 🌎 [10 Tailwind CSS Tips and Tricks](www.youtube.com/watch?v=aSlK3GhRuXA) - 10 Tailwind CSS tricks you should know.\n- 🎬 🌎 [Responsive Framer Motion with Tailwind CSS](www.youtube.com/watch?v=xSuxsfn13xg) - Learn how CSS variables can bridge the gap between Framer Motion and Tailwind CSS.\n- 🎓 🌎 [Modal Dialog](codeburst.io/creating-a-modal-dialog-with-tailwind-css-42722c9aea4f) - Creating a modal dialog with Tailwind CSS.\n- 🎓 \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;103⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;19🍴\u003c/code\u003e\u003c/b\u003e [Building real-world UIs using Tailwind CSS](https://github.com/asvny/building-realworld-user-interfaces-using-tailwind)) - Building UIs of Shopify, Spotify, Netlify and Atlassian.\n- 🎓 🌎 [Login Page (PingPing)](stefanbauer.me/building-pingping/we-build-a-login-using-tailwindcss) - Creating a login page with Tailwind CSS.\n- 🎓 🌎 [Navigation](nick-basile.com/blog/post/building-a-nav-with-tailwind-css) - Building a navigation with Tailwind CSS.\n- 🎓 🌎 [Forms with Tailwind CSS](css-tricks.com/style-form-tailwind-css) - How to style a form with Tailwind CSS.\n- 🎓 🌎 [Photo gallery with CSS grids](nick-basile.com/blog/post/building-a-photo-gallery-with-css-grid-and-tailwind-css) - Building a photo gallery with CSS grids and Tailwind CSS.\n- 🎓 🌎 [Rebuilding Bartik](www.oliverdavies.uk/articles/rebuilding-bartik-with-vuejs-tailwind-css) - Rebuilding Bartik (Drupal's default theme) with Vue.js and Tailwind CSS.\n- 🎓 🌎 [Rebuilding Airbnb's Home Page](web-crunch.com/re-create-airbnbs-home-page-with-tailwind-css) - Rebuilding Airbnb's Home Page with Tailwind CSS.\n- 🎓 🌎 [Typographic defaults in Tailwind CSS](www.themes.dev/blog/typographic-defaults-in-tailwind-css/)\n- 🎓 🌎 [Create a responsive navigation menu in Tailwind CSS](www.themes.dev/blog/responsive-navigation-menu-tailwind-css/)\n- 🎥 🌎 [Laracasts Weekly Stream: Tailwind](www.youtube.com/watch?v=HIPgzWS-Bxg)\n- 🎥 🌎 [More experimentation with Tailwind CSS](www.youtube.com/watch?v=nBzfVK3QUzM)\n- 🎥 🌎 [Rebuilding Spotify](youtu.be/SLGb2RLie9w)\n- 🎥 🌎 [Rebuilding Discord](youtu.be/t54tuaoHVLo)\n- 🎥 🌎 [Rebuilding Meetup](youtu.be/ULe6yKJrFuI)\n\n\u003cp align=\"center\"\u003e\n  \u003cbr /\u003e\n  \u003cbr /\u003e\n  ·\n  \u003cbr /\u003e\n  \u003cbr /\u003e\n  \u003csub\u003eContributions welcome! Read the \u003ca href=\"CONTRIBUTING.md\"\u003econtribution guidelines\u003c/a\u003e first.\u003c/sub\u003e\n\u003c/p\u003e\n\n## Source\n\u003cb\u003e\u003ccode\u003e\u0026nbsp;14103⭐\u003c/code\u003e\u003c/b\u003e \u003cb\u003e\u003ccode\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;985🍴\u003c/code\u003e\u003c/b\u003e [aniftyco/awesome-tailwindcss](https://github.com/aniftyco/awesome-tailwindcss))","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcorreia-jpv%2Ffucking-awesome-tailwindcss","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcorreia-jpv%2Ffucking-awesome-tailwindcss","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcorreia-jpv%2Ffucking-awesome-tailwindcss/lists"}