


[38;5;12m  [39m
[38;5;12m  [39m
[38;5;12m  [39m
[38;5;12m  [39m





[38;5;12m   is a utility-first CSS framework for rapidly building custom user interfaces.[39m
[38;5;12m  [39m
[38;5;12m  [39m
[38;5;12m  [39m
[48;5;235m[38;5;249m[49m[39m
[38;5;12m  [39m
[38;5;12m  &nbsp;[39m
[38;5;12m  [39m
[48;5;235m[38;5;249m[49m[39m
[38;5;12m  [39m
[38;5;12m  [39m
[38;5;12m  [39m


[38;2;255;187;0m[4mContents[0m

[38;5;12m- [39m[38;5;14m[1mUseful Links[0m[38;5;12m (#useful-links)[39m
[38;5;12m- [39m[38;5;14m[1mIDE Extensions[0m[38;5;12m (#ide-extensions)[39m
[38;5;12m- [39m[38;5;14m[1mPlugins[0m[38;5;12m (#plugins)[39m
[38;5;12m- [39m[38;5;14m[1mTools[0m[38;5;12m (#tools)[39m
[38;5;12m- [39m[38;5;14m[1mUI Libraries, Components & Templates[0m[38;5;12m (#ui-libraries-components--templates)[39m
[38;5;12m- [39m[38;5;14m[1mStarters & Themes[0m[38;5;12m (#starters--themes)[39m
[38;5;12m- [39m[38;5;14m[1mLearning[0m[38;5;12m (#learning)[39m

[38;2;255;187;0m[4mUseful Links[0m

[38;5;14m[1mLegend[0m[38;5;12m: 💙 Official resource[39m

[38;5;12m- 💙 [39m[38;5;14m[1mWebsite[0m[38;5;12m (https://tailwindcss.com) - Official Tailwind CSS website.[39m
[38;5;12m- 💙 [39m[38;5;14m[1mRepository[0m[38;5;12m (https://github.com/tailwindcss/tailwindcss) - Official Tailwind CSS repository.[39m
[38;5;12m- 💙 [39m[38;5;14m[1mTailwind UI[0m[38;5;12m (https://tailwindui.com) - Component library made with Tailwind CSS.[39m
[38;5;12m- 💙 [39m[38;5;14m[1mHeadless UI[0m[38;5;12m (https://github.com/tailwindlabs/headlessui) - Completely unstyled, fully accessible UI components.[39m
[38;5;12m- 💙 [39m[38;5;14m[1mHeroicons[0m[38;5;12m (https://heroicons.com/) - Beautiful, hand-crafted SVG icons.[39m
[38;5;12m- 💙 [39m[38;5;14m[1mPlay[0m[38;5;12m (https://play.tailwindcss.com/) - Advanced online playground for Tailwind CSS.[39m
[38;5;12m- 💙 [39m[38;5;14m[1mDiscord[0m[38;5;12m (https://tailwindcss.com/discord) - Official Discord server to connect with other community members about Tailwind CSS.[39m
[38;5;12m- [39m[38;5;14m[1mTailwind Weekly[0m[38;5;12m (https://tailwindweekly.com/) - Weekly newsletter about all things Tailwind CSS.[39m
[38;5;12m  [39m
[38;2;255;187;0m[4mIDE Extensions[0m

[38;5;14m[1mLegend[0m[38;5;12m: 💙 Official resource[39m

[38;5;12m- 💙 [39m[38;5;14m[1mIntelliSense for Code[0m[38;5;12m (https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) - Provides IntelliSense in Visual Studio Code.[39m
[38;5;12m- [39m[38;5;14m[1mLSP support for Emacs[0m[38;5;12m (https://github.com/merrickluo/lsp-tailwindcss) - LSP support for Emacs.[39m
[38;5;12m- [39m[38;5;14m[1mTailwind CSS Highlight[0m[38;5;12m (https://marketplace.visualstudio.com/items?itemName=ellreka.tailwindcss-highlight) - Highlights utility classes in Visual Studio Code.[39m
[38;5;12m- [39m[38;5;14m[1mCSS to TailwindCSS converter for Code[0m[38;5;12m (https://github.com/Jackardios/vscode-css-to-tailwindcss) - Converts CSS to Tailwind CSS in Visual Studio Code.[39m

[38;2;255;187;0m[4mPlugins[0m

[38;5;14m[1mLegend[0m[38;5;12m: 💙 Official plugin · 🎨 Theming · 💼 Utilities · 🧬 Variants · 🧩 Components · 🛑 Deprecated[39m

[38;5;12m- 💙🧩 [39m[38;5;14m[1mTypography[0m[38;5;12m (https://github.com/tailwindlabs/tailwindcss-typography) - Adds a [39m[48;5;235m[38;5;249mprose[49m[39m[38;5;12m class for beautiful typographic defaults.[39m
[38;5;12m- 💙💼 [39m[38;5;14m[1mContainer queries[0m[38;5;12m (https://github.com/tailwindlabs/tailwindcss-container-queries) - Provides utilities for container queries.[39m
[38;5;12m- 💙 [39m[38;5;14m[1mForms[0m[38;5;12m (https://github.com/tailwindlabs/tailwindcss-forms) - Adds better default styles to form elements.[39m
[38;5;12m- 🎨🧬 [39m[38;5;14m[1mTheme Variants[0m[38;5;12m (https://github.com/JakeNavith/tailwindcss-theme-variants) - Adds theme variants based on media queries and/or CSS selectors.[39m
[38;5;12m- 🎨🧬 [39m[38;5;14m[1mTheme Swapper[0m[38;5;12m (https://github.com/crswll/tailwindcss-theme-swapper) - Theming using CSS variables, with media queries support.[39m
[38;5;12m- 🎨🧬 [39m[38;5;14m[1mThemer[0m[38;5;12m (https://github.com/RyanClementsHax/tailwindcss-themer) - Adds theming support for Tailwind CSS with CSS variables and variants.[39m
[38;5;12m- 🎨🧩 [39m[38;5;14m[1mTailwind Elements[0m[38;5;12m (https://github.com/mdbootstrap/TW-Elements/) - Extends Tailwind CSS with 500+ interactive components (datepickers, modals, forms, tables, darkmode).[39m
[38;5;12m- 🎨🧩 [39m[38;5;14m[1mCSS Variables[0m[38;5;12m (https://github.com/mertasan/tailwindcss-variables) - Exports custom CSS variables.[39m
[38;5;12m- 🎨💼 [39m[38;5;14m[1mAccent[0m[38;5;12m (https://github.com/enjidev/tailwindcss-accent) - Adds [39m[48;5;235m[38;5;249maccent[49m[39m[38;5;12m colors for more dynamic and flexible color utilization.[39m
[38;5;12m- 💼🧬 [39m[38;5;14m[1mRadix[0m[38;5;12m (https://github.com/ecklf/tailwindcss-radix) - Adds utilities and variants for styling Radix UI state.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mImage Rendering[0m[38;5;12m (https://github.com/hacknug/tailwindcss-image-rendering) - Adds [39m[48;5;235m[38;5;249mimage-rendering[49m[39m[38;5;12m utilities.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mElevation[0m[38;5;12m (https://github.com/jonaskay/tailwindcss-elevation) - Adds [39m[38;5;14m[1mMaterial UI [0m[48;5;235m[38;5;249m[1melevation[0m[38;5;12m (https://material.io/design/environment/elevation.html) utilities.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mRFS[0m[38;5;12m (https://github.com/aerni/tailwindcss-rfs) - Adds [39m[48;5;235m[38;5;249m[1mRFS[0m[38;5;12m (https://github.com/twbs/rfs) utilities.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mBidirectional[0m[38;5;12m (https://github.com/20lives/tailwindcss-rtl) - Adds utilities for creating multilingual bidirectional layouts.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mBackground SVG[0m[38;5;12m (https://github.com/AndersNielsen85/tailwindcss-bg-svg) - Inject SVGs as background images with color variants.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mBackground Unsplash[0m[38;5;12m (https://github.com/shorwood/tailwindcss-unsplash) - Apply [39m[38;5;14m[1munsplash.com[0m[38;5;12m (https://unsplash.com) images as background.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mBrand Colors[0m[38;5;12m (https://github.com/praveenjuge/tailwindcss-brand-colors) - Adds various brand colors for background, border and text.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mBootstrap Grid[0m[38;5;12m (https://github.com/karolis-sh/tailwind-bootstrap-grid) - Generates Bootstrap's style flexbox grid system.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mLeading Trim[0m[38;5;12m (https://github.com/stormwarning/tailwindcss-capsize) - Adds utilities to trim text whitespace, using [39m[38;5;14m[1mCapsize[0m[38;5;12m (https://github.com/seek-oss/capsize).[39m
[38;5;12m- 💼 [39m[38;5;14m[1mScrollbar Hide[0m[38;5;12m (https://github.com/reslear/tailwind-scrollbar-hide) - Adds [39m[48;5;235m[38;5;249mscrollbar-hide[49m[39m[38;5;12m class for visual hide scrollbar.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mFluid Type[0m[38;5;12m (https://github.com/davidhellmann/tailwindcss-fluid-type) - Adds fluid type ([39m[48;5;235m[38;5;249mfont-size[49m[39m[38;5;12m) utilities.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mGrid Areas[0m[38;5;12m (https://github.com/SavvyWombat/tailwindcss-grid-areas) - Adds [39m[48;5;235m[38;5;249mgrid-areas[49m[39m[38;5;12m and [39m[48;5;235m[38;5;249mgrid-area[49m[39m[38;5;12m utilities.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mFull bleed background and borders[0m[38;5;12m (https://github.com/dgknca/tailwindcss-full-bleed) - Provides utilities for extended backgrounds and borders.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mCSS Filter Order[0m[38;5;12m (https://github.com/joshdavenport/tailwindcss-filter-order) - Adds [39m[48;5;235m[38;5;249mfilter-order[49m[39m[38;5;12m utilities for changing the order of filters in the generated CSS.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mTailwind CSS 3D[0m[38;5;12m (https://github.com/sambauers/tailwindcss-3d) - Adds 3D [39m[48;5;235m[38;5;249mtransform[49m[39m[38;5;12m utilities and animations.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mClaymorphism[0m[38;5;12m (https://github.com/dulltackle/tailwindcss-claymorphism) - Adds [39m[48;5;235m[38;5;249mclay[49m[39m[38;5;12m utilities for creating claymorphism style.[39m
[38;5;12m- 💼🧬🧩 [39m[38;5;14m[1mFluid[0m[38;5;12m (https://github.com/barvian/fluid-tailwind) - Adds fluid [39m[48;5;235m[38;5;249mclamp()[49m[39m[38;5;12m versions of every built-in utility.[39m
[38;5;12m- 🧬 [39m[38;5;14m[1mFormKit[0m[38;5;12m (https://github.com/formkit/formkit/tree/master/packages/tailwindcss) - Adds variants for input and form states for FormKit.[39m
[38;5;12m- 🧬 [39m[38;5;14m[1mHtmx[0m[38;5;12m (https://github.com/aniftyco/tailwind-htmx) - Adds variants for styling on [39m[38;5;14m[1mhtmx[0m[38;5;12m (https://htmx.org/reference/#classes) events.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mDebug screens[0m[38;5;12m (https://github.com/jorenvanhee/tailwindcss-debug-screens) - Adds a component that shows the currently active screen (responsive breakpoint).[39m
[38;5;12m- 💼 [39m[38;5;14m[1mDot & Grid Backgrounds[0m[38;5;12m (https://github.com/TheNaubit/tailwind-dot-grid-backgrounds) - Adds [39m[48;5;235m[38;5;249mbg-grid[49m[39m[38;5;12m and [39m[48;5;235m[38;5;249mbg-dot[49m[39m[38;5;12m classes to add easy-to-customize grid and dot pattern backgrounds with just CSS.[39m




[38;5;12m  [39m
[38;5;12m  [39m

[38;5;12m- 🛑💼💙 [39m[38;5;14m[1mLine Clamp[0m[38;5;12m (https://github.com/tailwindlabs/tailwindcss-line-clamp) - Provides utilities for visually truncating text after a fixed number of lines.[39m
[38;5;12m- 🛑🧩💙 [39m[38;5;14m[1mCustom Forms[0m[38;5;12m (https://github.com/tailwindlabs/tailwindcss-custom-forms) - Adds better default styles to form elements.[39m
[38;5;12m- 🛑💙💼 [39m[38;5;14m[1mAspect Ratio[0m[38;5;12m (https://github.com/tailwindlabs/tailwindcss-aspect-ratio) - Adds composable aspect ratio utilities.[39m


[38;2;255;187;0m[4mTools[0m

[38;5;14m[1mLegend[0m[38;5;12m: 🌍 Accessible online · 🔼 Conversion or upgrade tool · 🔧 Generator · 🅰 Typing/enforcement · 💼 Plugins/Tools/Extensions for external services · 🎨 Color-related · 🚀 Framework · 💰 Paid plans[39m

[38;5;12m- 💙💼 [39m[38;5;14m[1mPrettier plugin[0m[38;5;12m (https://github.com/tailwindlabs/prettier-plugin-tailwindcss) - Official Tailwind CSS plugin for Prettier.[39m
[38;5;12m- 🎨🌍🔧 [39m[38;5;14m[1mUi Colors[0m[38;5;12m (https://uicolors.app/create) - Color palette generator for Tailwind CSS.[39m
[38;5;12m- 🎨🌍🔧 [39m[38;5;14m[1mTailwind Color Shades[0m[38;5;12m (https://javisperez.github.io/tailwindcolorshades) - Color shades generator for Tailwind CSS.[39m
[38;5;12m- 🎨🌍🔧 [39m[38;5;14m[1mPalette generator[0m[38;5;12m (https://adevade.github.io/color-scheme-generator) - Color palette generator that outputs Tailwind CSS configuration files.[39m
[38;5;12m- 🎨🌍🔧 [39m[38;5;14m[1mTailwind Colors[0m[38;5;12m (https://tailwind-colors.meidev.co) - Color configuration generator for Tailwind CSS.[39m
[38;5;12m- 🎨🌍🔧 [39m[38;5;14m[1mTailwind Color Explorer[0m[38;5;12m (https://stefanbuck.com/tailwind-color-theme-explorer) - Color explorer for Tailwind CSS.[39m
[38;5;12m- 🎨🌍🔧 [39m[38;5;14m[1mTailwindInk[0m[38;5;12m (https://tailwind.ink/) - AI palette generator, trained with the Tailwind CSS palette.[39m
[38;5;12m- 🎨🌍🔧 [39m[38;5;14m[1mGradient Designer[0m[38;5;12m (https://gradient-designer.csspost.com/) - Generate gradients for Tailwind 2.0+.[39m
[38;5;12m- 🎨🌍🔧 [39m[38;5;14m[1mGrayscale Design[0m[38;5;12m (https://grayscale.design/) - A Luminance-based color palette generator.[39m
[38;5;12m- 🎨🌍🔧 [39m[38;5;14m[1mHypercolor[0m[38;5;12m (https://hypercolor.dev/) - Collection of pre-configured Tailwind CSS gradients with directional options.[39m
[38;5;12m- 🎨🌍🔧 [39m[38;5;14m[1mPalettolithic[0m[38;5;12m (https://palettolithic.com) - Generates harmonius color palettes based on one color.[39m
[38;5;12m- 🎨🌍🔧 [39m[38;5;14m[1mTailwind Gradient Generator[0m[38;5;12m (https://tailwindcomponents.com/gradient-generator) - Create perfect Tailwind CSS gradients with zero lines of code.[39m
[38;5;12m- 🎨🌍🔧 [39m[38;5;14m[1mTints[0m[38;5;12m (https://www.tints.dev/) - Color palette penerator and API for Tailwind CSS.[39m
[38;5;12m- 🌍🔧💼 [39m[38;5;14m[1mTwind[0m[38;5;12m (https://github.com/tw-in-js/twind) - Compiler functions that turn Tailwind's classes into CSS at run, serve and build time.[39m
[38;5;12m- 🌍🔧 [39m[38;5;14m[1mtail-animista[0m[38;5;12m (https://tail-animista.vercel.app) - Configurable custom animation utilities generator for Tailwind CSS.[39m
[38;5;12m- 🌍🔧 [39m[38;5;14m[1mbrands-tail-color[0m[38;5;12m (https://brands-tail-color.vercel.app/) - Configuration generator using various brands' colors.[39m
[38;5;12m- 🌍 [39m[38;5;14m[1mTypography playground[0m[38;5;12m (https://tailwind-typography-playground.vercel.app/) - Tool for trying different Google Fonts combinations with the Tailwind CSS typography plugin.[39m
[38;5;12m- 🌍 [39m[38;5;14m[1mFlowrift[0m[38;5;12m (https://flowrift.com) - Beautifully designed Tailwind CSS UI blocks.[39m
[38;5;12m- 🔼🌍🔧 [39m[38;5;14m[1mTailwindhelper[0m[38;5;12m (https://www.tailwindhelper.com/) - Visualize Tailwind CSS classes and unit converter.[39m
[38;5;12m- 🔼🌍 [39m[38;5;14m[1mPrefixer[0m[38;5;12m (https://github.vue.tailwind-prefix.cbass.dev) - Tailwind classes' prefixer tool.[39m
[38;5;12m- 🔼🌍 [39m[38;5;14m[1mCSS to Tailwind CSS Converter[0m[38;5;12m (https://transform.tools/css-to-tailwind) - Converts CSS to Tailwind CSS by suggesting classes that best match.[39m
[38;5;12m- 🔼🌍 [39m[38;5;14m[1mska-tailwind-editor[0m[38;5;12m (https://sinukoduleheabi.ee/editor/) - Edit Tailwind HTML as WordPress blocks with intuitive UI for Tailwind classes and get HTML or JSX back.[39m
[38;5;12m- 🔼 [39m[38;5;14m[1mTailwindo[0m[38;5;12m (https://github.com/awssat/tailwindo) - Bootstrap to Tailwind CSS converter.[39m
[38;5;12m- 🔼 [39m[38;5;14m[1mRustyWind[0m[38;5;12m (https://github.com/avencera/rustywind) - CLI tool for sorting Tailwind CSS classes.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mMaizzle[0m[38;5;12m (https://maizzle.com/) - Framework for rapid email prototyping with Tailwind CSS.[39m
[38;5;12m- 🅰 [39m[38;5;14m[1mreact-native-tailwindcss[0m[38;5;12m (https://github.com/TVke/react-native-tailwindcss) - React Native typing system.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mAlfred Workflow[0m[38;5;12m (https://github.com/clnt/alfred-tailwindcss-docs) - Fast Tailwind CSS documentation search application.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mvue-cli-plugin-tailwind[0m[38;5;12m (https://github.com/forsartis/vue-cli-plugin-tailwind) - Vue CLI plugin that adds Tailwind CSS to a project.[39m
[38;5;12m- 💼 [39m[38;5;14m[1m@nuxtjs/tailwindcss[0m[38;5;12m (https://github.com/nuxt-community/tailwindcss-module) - Tailwind CSS module for NuxtJS with PurgeCSS and modern CSS (preset env 1).[39m
[38;5;12m- 💼 [39m[38;5;14m[1mpreact-cli-tailwind[0m[38;5;12m (https://github.com/agneym/preact-cli-tailwind) - Tailwind CSS integration for Preact.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mtailwindcss-rails[0m[38;5;12m (https://github.com/rails/tailwindcss-rails) - Gem for using Tailwind CSS with Rails' asset pipeline.[39m
[38;5;12m- 💼🔧 [39m[38;5;14m[1mtwin.macro[0m[38;5;12m (https://github.com/ben-rogerson/twin.macro) - Use Tailwind classes within any CSS-in-JS library.[39m
[38;5;12m- 💼🔧 [39m[38;5;14m[1mtailwindcss-webpack-plugin[0m[38;5;12m (https://github.com/await-ovo/tailwindcss-webpack-plugin) - Out-of-the-box Tailwind CSS, supports "Design in DevTools" mode and visualizes Tailwind CSS configuration.[39m
[38;5;12m- 💼🔧 [39m[38;5;14m[1mtailwindcss-vite-plugin[0m[38;5;12m (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.[39m
[38;5;12m- 💼🔧 [39m[38;5;14m[1mTailwind Config Viewer[0m[38;5;12m (https://github.com/rogden/tailwind-config-viewer) - Local UI tool for visualizing your Tailwind CSS configuration file.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mclb[0m[38;5;12m (https://github.com/crswll/clb) - clb (class list builder) is a utility function that builds a class list based on a [39m[38;5;14m[1mStitches[0m[38;5;12m (https://stitches.dev/) like API.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mreact-with-class[0m[38;5;12m (https://github.com/antomics/react-with-class) - Utility function for creating primitive React components with a set of classes, props or variants.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mtwined-components[0m[38;5;12m (https://github.com/lowfront/twined-components) - Extended component of a styled-components that prioritizes class names for use in Tailwind CSS.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mTails DevTools[0m[38;5;12m (https://github.com/vechai/tails-devtools) - All-in-one browser extension for Tailwind CSS.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mImpulse.dev[0m[38;5;12m (https://github.com/impulse-oss/impulse) – UI editor for Tailwind CSS and React that edits your code.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mTailiscope.nvim[0m[38;5;12m (https://github.com/danielvolchek/tailiscope.nvim) - Tailwind CSS cheat sheet integrated in Neovim.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mRaycast Extension[0m[38;5;12m (https://www.raycast.com/vimtor/tailwindcss) - Search classes, documentation and colors in Raycast Launcher.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mDivMagic[0m[38;5;12m (https://divmagic.com) - Copy any web element and style as Tailwind CSS component.[39m
[38;5;12m- 💼 [39m[38;5;14m[1mGimli Tailwind[0m[38;5;12m (https://chromewebstore.google.com/detail/gimli-tailwind/fojckembkmaoehhmkiomebhkcengcljl) - Smart tools for Tailwind CSS as a browser extension.[39m
[38;5;12m- 🌍 [39m[38;5;14m[1mTailwind Cheat Sheet[0m[38;5;12m (https://tailwindcomponents.com/cheatsheet) - Tailwind CSS class names in a searchable page.[39m
[38;5;12m- 🌍🔧 [39m[38;5;14m[1mTailwind Grid Generator[0m[38;5;12m (https://www.tailwindgen.com/) - Drag and drop Tailwind CSS grid generator.[39m
[38;5;12m- 🌍🔧 [39m[38;5;14m[1mTailwind Box Shadows Generator[0m[38;5;12m (https://manuarora.in/boxshadows) - Box Shadows generator.[39m
[38;5;12m- 💰🌍🔧 [39m[38;5;14m[1mWindframe[0m[38;5;12m (https://www.devwares.com/windframe/) - Tailwind CSS drag and drop builder to rapidly build and prototype websites.[39m
[38;5;12m- 🌍 [39m[38;5;14m[1mStatic Tailwind[0m[38;5;12m (https://statictailwind.com) - The most used Tailwind classes, precompiled, with no build step.[39m

[38;2;255;187;0m[4mUI Libraries, Components & Templates[0m

[38;5;14m[1mLegend[0m[38;5;12m: 💙 Official resource · 📚 Library · 🧩 Components · 📁 Templates[39m

[38;5;12m- 💙🧩 [39m[38;5;14m[1mTailwind UI[0m[38;5;12m (https://tailwindui.com) - Component library made with Tailwind CSS.[39m
[38;5;12m- 💙📚 [39m[38;5;14m[1mHeadless UI[0m[38;5;12m (https://github.com/tailwindlabs/headlessui) - Completely unstyled, fully accessible UI components.[39m
[38;5;12m- 💙📁 [39m[38;5;14m[1mCatalyst[0m[38;5;12m (https://tailwindui.com/templates/catalyst) - Beautiful, accessible application UI kit for React.[39m
[38;5;12m- 📚 [39m[38;5;14m[1mVueTailwind[0m[38;5;12m (https://github.com/alfonsobries/vue-tailwind) - Vue.js UI library using Tailwind CSS.[39m
[38;5;12m- 📚 [39m[38;5;14m[1mVechai UI[0m[38;5;12m (https://www.vechaiui.com/) - High-quality accessible React components with the built-in dark mode using Tailwind CSS.[39m
[38;5;12m- 📚 [39m[38;5;14m[1mFlowbite[0m[38;5;12m (https://flowbite.com/docs/getting-started/introduction/) - Open-source component library built with Tailwind CSS.[39m
[38;5;12m- 📚 [39m[38;5;14m[1ma17t[0m[38;5;12m (https://a17t.miles.land) - Atomic design toolkit built to extend Tailwind CSS.[39m
[38;5;12m- 📚 [39m[38;5;14m[1mtails-ui[0m[38;5;12m (https://github.com/knipferrc/tails-ui) - React UI library using Tailwind CSS.[39m
[38;5;12m- 📚 [39m[38;5;14m[1mtails[0m[38;5;12m (https://github.com/thedevdojo/tails) - Hand-crafted templates and components using Tailwind CSS.[39m
[38;5;12m- 📚 [39m[38;5;14m[1mSvelte Headless UI[0m[38;5;12m (https://github.com/rgossiaux/svelte-headlessui) - Unofficial Svelte port of Headless UI.[39m
[38;5;12m- 📚 [39m[38;5;14m[1mXtend UI[0m[38;5;12m (https://xtendui.com/) - Tailwind CSS components with advanced interactions and animations.[39m
[38;5;12m- 📚 [39m[38;5;14m[1mHeadless UI Float[0m[38;5;12m (https://headlessui-float.vercel.app) - Floating UI integration for Headless UI.[39m
[38;5;12m- 📚 [39m[38;5;14m[1mVanilla Components[0m[38;5;12m (https://vanilla-components.com) - Set of fully customizable Vue components.[39m
[38;5;12m- 📚 [39m[38;5;14m[1mSailboat UI[0m[38;5;12m (https://sailboatui.com/) - Modern UI framework for Tailwind CSS.[39m
[38;5;12m- 📚 [39m[38;5;14m[1mBuilt At Lightspeed[0m[38;5;12m (https://www.builtatlightspeed.com/) - Massive directory of 500+ Tailwind templates, starters and UI kits.[39m
[38;5;12m- 📚 [39m[38;5;14m[1mStatichunt[0m[38;5;12m (https://statichunt.com/tailwind-templates) - Open source directory of hand-picked free and premium Tailwind templates & Starters.[39m
[38;5;12m- 📚 [39m[38;5;14m[1mTailkits[0m[38;5;12m (https://tailkits.com/) - Curated Tailwind CSS components, templates, UI kits, resources, tools & more.[39m
[38;5;12m- 📚 [39m[38;5;14m[1mSTDF[0m[38;5;12m (https://stdf.design) - Mobile web component library based on Svelte and Tailwind CSS.[39m
[38;5;12m- 📚 [39m[38;5;14m[1mTWC[0m[38;5;12m (https://react-twc.vercel.app) - Lightweight library to create reusable React + Tailwind CSS components in one line.[39m
[38;5;12m- 📚 [39m[38;5;14m[1mTremor[0m[38;5;12m (https://tremor.so) - React library to build charts and dashboards with Tailwind CSS.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mTailBlocks[0m[38;5;12m (https://mertjf.github.io/tailblocks) - 60+ different ready to use Tailwind CSS blocks.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mTailwind Components[0m[38;5;12m (https://tailwindcomponents.com) - Community-driven Tailwind CSS component repository.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mTailwind Toolbox[0m[38;5;12m (https://www.tailwindtoolbox.com) - Templates, components and resources.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mMeraki UI Components[0m[38;5;12m (https://merakiui.com) - Beautiful Tailwind CSS components that support RTL languages.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mTailwind Cards[0m[38;5;12m (https://github.com/hasinhayder/tailwind-cards) - Growing collection of text/image cards.[39m
[38;5;12m- 🧩📁 [39m[38;5;14m[1mTailwind Templates[0m[38;5;12m (https://www.tailwindtemplates.io) - Collection of templates and components.[39m
[38;5;12m- 🧩📁 [39m[38;5;14m[1mTreact[0m[38;5;12m (https://treact.owaiskhan.me) - React UI templates and components built using Tailwind CSS.[39m
[38;5;12m- 🧩📁 [39m[38;5;14m[1mJakarta LTE[0m[38;5;12m (https://github.com/zeroblack-c/jakarta-lte) - Admin template using Tailwind CSS.[39m
[38;5;12m- 🧩📁 [39m[38;5;14m[1mthemes.dev[0m[38;5;12m (https://www.themes.dev/) - Handcrafted, free and premium Tailwind CSS themes and components.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mSail UI[0m[38;5;12m (https://sailui.github.io/) - Collection of basic UI components built on Tailwind CSS.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mjQuery Toggler[0m[38;5;12m (https://craigerskine.github.io/jquery-tailwind-checkbox-toggle) - Switches using jQuery and Tailwind CSS.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mTailwind Kit[0m[38;5;12m (https://creative-tim.com/learning-lab/tailwind-starter-kit) - Framework-agnostic, Vue.js, React and Angular components.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mWindstrap[0m[38;5;12m (https://windstrap.netlify.app) - Tailwind CSS with Bootstrap JS.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mWickedBlocks[0m[38;5;12m (https://blocks.wickedtemplates.com/) - Collection of more than 120 layout blocks and components built with Tailwind CSS.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mDaisy UI[0m[38;5;12m (https://github.com/saadeghi/daisyui) - UI Components for Tailwind CSS.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mKometa UI Kit[0m[38;5;12m (https://kitwind.io/products/kometa/components) - Free multi-purpose UI kit, built with Tailwind CSS.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mMamba UI[0m[38;5;12m (https://mambaui.com) - Free Tailwind CSS components, sections and templates.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mLitepie Date picker[0m[38;5;12m (https://github.com/kenhyuwa/litepie-datepicker) - A date range picker component for Vue.js and Tailwind CSS.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mTailwind Datepicker[0m[38;5;12m (https://github.com/themesberg/tailwind-datepicker) - Adds a datepicker component built with Tailwind CSS and vanilla JavaScript.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mTailwind Typeahead[0m[38;5;12m (https://github.com/basarozcan/vue-tailwindcss-typeahead) - Typeahead/Autocomplete component built with Vue.js and Tailwind CSS.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mMaterial Tailwind[0m[38;5;12m (https://material-tailwind.com) - Easy to use components library for Tailwind CSS and Material Design.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mLayouts for Tailwind[0m[38;5;12m (https://layoutsfortailwind.lalokalabs.dev) - Layouts and UI Patterns for Tailwind CSS.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mHyperUI[0m[38;5;12m (https://hyperui.dev) - Open source marketing and ecommerce Tailwind CSS components.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mSnippets[0m[38;5;12m (https://snippets.alexandru.so) - Open source collection of animation snippets made for Tailwind CSS.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mFancy Tailwind[0m[38;5;12m (https://fancytailwind.com) - Large collection of Tailwind CSS UI components (700+).[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mMyna UI[0m[38;5;12m (https://mynaui.com) - Open source UI Components and Marketing Elements made with Tailwind CSS.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mSira UI[0m[38;5;12m (https://sira.riccox.com) - Customizable and accessible design system which provides TailwindCSS component class name library to build modern UI.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mRippleUI[0m[38;5;12m (https://www.ripple-ui.com) - Clean, modern and beautiful Tailwind CSS components.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mWind UI[0m[38;5;12m (https://wind-ui.com) - Expertly made, responsive, accessible components in React and HTML ready to be used on your website or app.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mPines UI[0m[38;5;12m (https://devdojo.com/pines) - Alpine and Tailwind CSS UI library.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mNativeWind[0m[38;5;12m (https://www.nativewind.dev) - NativeWind uses Tailwind CSS as scripting language to create a universal style system for React Native.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mWindstatic[0m[38;5;12m (https://windstatic.com) - Set of 161 elements & layouts made with Tailwind CSS and Alpine.js.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mTailwindFlex[0m[38;5;12m (https://tailwindflex.com) - Free library of Tailwind CSS examples.[39m
[38;5;12m- 🧩 [39m[38;5;14m[1mShadcn UI[0m[38;5;12m (https://ui.shadcn.com) - Re-usable components built using Radix UI and Tailwind CSS.[39m
[38;5;12m- 📁 [39m[38;5;14m[1mVue Notus[0m[38;5;12m (https://www.creative-tim.com/product/vue-notus) - Open-source Tailwind CSS and Vue.js UI kit.[39m
[38;5;12m- 📁 [39m[38;5;14m[1mEasyTailwind[0m[38;5;12m (https://easytailwind.now.sh) - Freemium, easily customizable templates made with Tailwind CSS.[39m
[38;5;12m- 📁 [39m[38;5;14m[1mWindmill Dashboard[0m[38;5;12m (https://windmill-dashboard.vercel.app/) - Multi theme, completely accessible dashboard template.[39m
[38;5;12m- 📁 [39m[38;5;14m[1mTailwind Admin[0m[38;5;12m (https://github.com/tailwindadmin/admin) - Administration panel template with Tailwind CSS.[39m
[38;5;12m- 📁 [39m[38;5;14m[1mLanding Gradients[0m[38;5;12m (https://landing-gradients.netlify.app) - Landing page template using gradients (1.7+).[39m
[38;5;12m- 📁 [39m[38;5;14m[1mResume[0m[38;5;12m (https://github.com/mohusman360/mohusman360.github.io) - Simple resume with Tailwind CSS.[39m
[38;5;12m- 📁 [39m[38;5;14m[1mSimple Light[0m[38;5;12m (https://github.com/cruip/tailwind-landing-page-template) - Free landing page template built with React & Tailwind CSS.[39m
[38;5;12m- 📁 [39m[38;5;14m[1mV-Dashboard[0m[38;5;12m (https://github.com/wobsoriano/v-dashboard) - Dashboard starter template built with Vue 3 and Tailwind CSS.[39m
[38;5;12m- 📁 [39m[38;5;14m[1mPetra[0m[38;5;12m (https://github.com/Smuice-com/free-nuxtjs-tailwindcss-landing-page-template) - Free landing page template built with Nuxt.js & Tailwind CSS.[39m
[38;5;12m- 📁 [39m[38;5;14m[1mTailmin[0m[38;5;12m (https://github.com/otezz/tailmin) - Admin dashboard built with Vue.js and Tailwind CSS.[39m
[38;5;12m- 📁 [39m[38;5;14m[1mOhMySMTP Templates[0m[38;5;12m (https://github.com/ohmysmtp/templates) - Set of Transactional HTML Email Templates, built with Maizzle[39m
[38;5;12m- 📁 [39m[38;5;14m[1mMaterial Tailwind Kit React[0m[38;5;12m (https://www.creative-tim.com/product/material-tailwind-kit-react) - Free Tailwind CSS and React UI kit.[39m
[38;5;12m- 📁 [39m[38;5;14m[1mMaterial Tailwind Dashboard React[0m[38;5;12m (https://www.creative-tim.com/product/material-tailwind-dashboard-react) - Free Tailwind CSS and React admin template.[39m
[38;5;12m- 📁 [39m[38;5;14m[1mAdmin One Vue 3[0m[38;5;12m (https://github.com/justboil/admin-one-vue-tailwind) - Free Vue.js 3 Tailwind CSS admin template with Vite & Vue CLI support.[39m
[38;5;12m- 📁 [39m[38;5;14m[1mCruip[0m[38;5;12m (https://cruip.com/) - Beautifully designed HTML, React, and Vue.js templates.[39m
[38;5;12m- 📁 [39m[38;5;14m[1mAdmin One React[0m[38;5;12m (https://github.com/justboil/admin-one-react-tailwind) - Free React.js Tailwind CSS admin template with Next.js & TypeScript.[39m
[38;5;12m- 📁 [39m[38;5;14m[1mFlowbite Admin Dashboard[0m[38;5;12m (https://github.com/themesberg/flowbite-admin-dashboard) - Open-source admin dashboard template built with Tailwind CSS and Flowbite.[39m
[38;5;12m- 📁 [39m[38;5;14m[1mAstro Template Resume[0m[38;5;12m (https://github.com/fortezhuo/fortezhuo.my.id) - Eye-catching resume template built with Astro, Tailwind CSS.[39m
[38;5;12m- 📁 [39m[38;5;14m[1mAstro Template Cactus[0m[38;5;12m (https://github.com/chrismwilliams/astro-theme-cactus) - Tailwind CSS Astro starter template.[39m
[38;5;12m- 📁 [39m[38;5;14m[1mAstro Template Ovidius[0m[38;5;12m (https://github.com/JustGoodUI/ovidius-astro-theme) - Tailwind CSS & Astro blog template.[39m
[38;5;12m- 📁 [39m[38;5;14m[1mAstro Template Dante[0m[38;5;12m (https://github.com/JustGoodUI/dante-astro-theme) - Tailwind CSS & Astro blog/portfolio template.[39m

[38;2;255;187;0m[4mStarters & Themes[0m

[38;5;14m[1mLegend[0m[38;5;12m: 💼 Package · 📟 Command line tool/generator · 🚀 Cloneable[39m

[38;5;12m- 📟 [39m[38;5;14m[1mCreate React App with PurgeCSS[0m[38;5;12m (https://github.com/DemianD/create-react-app-tailwindcss) - CRA script that adds Tailwind CSS and PurgeCSS.[39m
[38;5;12m- 📟 [39m[38;5;14m[1mLaravel Preset[0m[38;5;12m (https://github.com/use-preset/laravel-tailwindcss) - Adds Tailwind CSS to the Laravel framework.[39m
[38;5;12m- 📟💼 [39m[38;5;14m[1mLaravel Front-end Preset[0m[38;5;12m (https://github.com/laravel-frontend-presets/tailwindcss) - Front-end preset using Tailwind CSS for Laravel.[39m
[38;5;12m- 📟💼 [39m[38;5;14m[1mLaravel Dark Front-end Preset[0m[38;5;12m (https://github.com/Naoray/dark-tailwind-preset) - Dark-themed front-end preset using Tailwind CSS for Laravel.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mCreate React App with EmotionJS[0m[38;5;12m (https://github.com/muhajirframe/react-tailwind-emotion-starter) - CRA boilerplate using Tailwind CSS and Emotion JS.[39m
[38;5;12m- 📟 [39m[38;5;14m[1mCreate React App with TypeScript[0m[38;5;12m (https://github.com/dance2die/cra-template-tailwindcss-typescript) - CRA template with support for Tailwind CSS and TypeScript.[39m
[38;5;12m- 📟 [39m[38;5;14m[1mNext.js PWA[0m[38;5;12m (https://github.com/msaaddev/create-next-pwa) – CLI that generate boilerplate code of Next.js PWA along with Tailwind CSS integration.[39m
[38;5;12m- 📟 [39m[38;5;14m[1mnew-tailwind-app[0m[38;5;12m (https://github.com/msaaddev/new-tailwind-app) - Creates React.js, Next.js, Gatsby.js, Vue3, Laravel, and basic Tailwind CSS apps.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mTailwind CSS Boilerplate[0m[38;5;12m (https://github.com/michelegera/create-tailwindcss-boilerplate) - Tailwind CSS boilerplate using Parcel.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mJekyll Starter[0m[38;5;12m (https://github.com/taylorbryant/tailwind-jekyll) - Jekyll starter using Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mJekyll Starter[0m[38;5;12m (https://github.com/mhanberg/jekyll-tailwind-starter) - Jekyll starter using Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mJekyll Starter[0m[38;5;12m (https://github.com/shenlu89/jekyll-tailwindcss-starter) - Jekyll starter using Tailwind CSS[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mGulp Starter[0m[38;5;12m (https://github.com/simonswiss/tailwind-starter) - Gulp starter using Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mGatsby Starter[0m[38;5;12m (https://github.com/taylorbryant/gatsby-starter-tailwind) - Gatsby starter using Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mGatsby Starter Simplicity[0m[38;5;12m (https://github.com/PlanFlowDev/Simplicity-Itself-Gatsby-Tailwind-Starter-Theme) - Gatsby starter using Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mGatsby Starter + TypeScript[0m[38;5;12m (https://github.com/ecklf/gatsby-typescript-tailwind) - Gatsby starter using Tailwind CSS and TypeScript.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mGatsby Starter + Emotion JS[0m[38;5;12m (https://github.com/muhajirframe/gatsby-tailwind-emotion-starter) - Gatsby starter using Tailwind CSS and Emotion JS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mGatsby Starter Opinionated[0m[38;5;12m (https://github.com/mjsarfatti/gatsby-starter-tailwind-opinionated) - Gatsby starter using Tailwind CSS and opinionated goodies.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mCreate React App Boilerplate[0m[38;5;12m (https://github.com/kriswep/cra-tailwindcss) - CRA boilerplate using Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mCreate React App with PurgeCSS + Autoprefixer + CSSNano[0m[38;5;12m (https://github.com/saadeghi/create-react-app-tailwindcss) - CRA boilerplate using CSS Nano.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mDogpatch[0m[38;5;12m (https://github.com/jack-pallot/dogpatch) - WordPress starter using webpack, Vue, Babel and Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mNext.js Starter[0m[38;5;12m (https://github.com/oddstronaut/tailwind-next) - Next.js boilerplate using Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mSapper & Svelte Starter[0m[38;5;12m (https://github.com/EricPKerr/sapper-tailwindcss-starter) - Svelte boilerplate using Sapper, Tailwind CSS, Purge CSS, Prettier and ESLint.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mNetlify Lambda Starter[0m[38;5;12m (https://github.com/HugoDF/netlify-lambda-tailwind-static-starter) - Netlify Lambda boilerplate using Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mHugo Theme Starter with Tailwind CSS[0m[38;5;12m (https://github.com/dirkolbrich/hugo-theme-tailwindcss-starter) - Hugo theme starter using Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mEleventy Web Starter[0m[38;5;12m (https://github.com/scottishstoater/jamstack-web-starter) - Starter kit using Eleventy, Tailwind CSS, webpack and PostCSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mNanoc Starter[0m[38;5;12m (https://github.com/arkency/nanoc-parcel-tailwind-starter) - Nanoc starter using Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mPostCSS and Browsersync Boilerplate[0m[38;5;12m (https://github.com/saadeghi/tailwindcss-postcss-browsersync-boilerplate) - Boilerplate using CSS Nano.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mParcelJS + TypeScript Boilerplate[0m[38;5;12m (https://github.com/saadeghi/tailwindcss-parceljs-typescript-boilerplate) - Boilerplate using Tailwind CSS, ParcelJS bundler and TypeScript.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mVuePress Tailwind CSS Starter[0m[38;5;12m (https://github.com/xiaoluoboding/vuepress-tailwind-theme-starter) - A VuePress starter using Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mGatsby Serif[0m[38;5;12m (https://github.com/windedge/gatsby-tailwind-serif) - Gatsby's serif theme using Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mSeminyak Hugo Theme[0m[38;5;12m (https://git.habd.as/jhabdas/seminyak) - Hugo theme using Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mEleventy Starter[0m[38;5;12m (https://github.com/ixartz/Eleventy-Starter-Boilerplate/) - Production-ready, SEO-friendly blog starter using Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mVite + React + Tailwind Starter[0m[38;5;12m (https://github.com/wobsoriano/vite-react-tailwind-starter) - Boilerplate using Vite, React and Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mVite + React + TypeScript + Tailwind 3.x starter[0m[38;5;12m (https://github.com/PDMLab/vite-react-typescript-tailwind-starter) - GitHub Template for Vite, React + Tailwind 3.x + TypeScript.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mVite + Vue 3.x + Tailwind 2.x Starter[0m[38;5;12m (https://github.com/web2033/vite-vue3-tailwind-starter) - Starter template using Vite, Vue, Vue Router and Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mVite + Lit + Tailwind Starter[0m[38;5;12m (https://github.com/running-grass/starter-lit-with-tailwind) - Boilerplate using Vite, Lit and Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mShopify Theme Lab[0m[38;5;12m (https://github.com/uicrooks/shopify-theme-lab) - Shopify theme development starter using Vue and Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mStarter Dashboard Layout[0m[38;5;12m (https://github.com/Kamona-WD/starter-dashboard-layout) - Dashboard layout using Tailwind CSS and Alpine JS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mJekyll Landing Website Starter[0m[38;5;12m (https://github.com/abhinavs/cookie) - Production ready, SEO-friendly, performant landing website boilerplate using Jekyll and Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mNext JS Boilerplate[0m[38;5;12m (https://github.com/ixartz/Next-js-Boilerplate) - Boilerplate for Next.js and Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mVitailse[0m[38;5;12m (https://github.com/zynth17/vitailse) - Opinionated Vite starter template with Vue 3, TypeScript and Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mVite-Boot[0m[38;5;12m (https://github.com/kirklin/vite-boot) - Vite + Vue3 + TypeScript + Vue-Router4 + Pinia + Tailwind CSS + VueUse Template.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mAstroWind[0m[38;5;12m (https://github.com/onwidget/astrowind) - Production ready and SEO-friendly template to start a website using Astro and Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mAngular-Tailwind[0m[38;5;12m (https://github.com/luciano-work/angular-tailwind) - Dashboard starter kit using Angular and Tailwind CSS.[39m
[38;5;12m- 🚀 [39m[38;5;14m[1mVue-Resume[0m[38;5;12m (https://github.com/luciano-work/vue-resume) - Developer resume template with Tailwind CSS and Vue.[39m

[38;2;255;187;0m[4mLearning[0m

[38;5;14m[1mLegend[0m[38;5;12m: 💙 Official resource · 🧪 Sample · 🔧 Setup Tutorial · 🎬 Video Tutorial · 🎓 Component or Page Tutorial · 🎥 Cast[39m

[38;5;12m- 💙🧪 [39m[38;5;14m[1mPlugin Examples[0m[38;5;12m (https://github.com/tailwindlabs/tailwindcss-plugin-examples) - Official plugin examples.[39m
[38;5;12m- 🧪 [39m[38;5;14m[1mTailwind Dark Mode Theme Switcher[0m[38;5;12m (https://github.com/huphtur/tailwind-theme-switcher) - Switching themes with CSS Custom Properties and Tailwind CSS.[39m
[38;5;12m- 🧪 [39m[38;5;14m[1mAcquia[0m[38;5;12m (https://github.com/opdavies/rebuilding-acquia) - Acquia's hosting dashboard rebuilt with Vue.js and Tailwind CSS.[39m
[38;5;12m- 🧪 [39m[38;5;14m[1mNavbar[0m[38;5;12m (https://codepen.io/joshmanders/pen/PQQBoR) - Navbar made with Vue.js and Tailwind CSS.[39m
[38;5;12m- 🧪 [39m[38;5;14m[1m“Open” landing page[0m[38;5;12m (https://github.com/michelegera/tailwindcss-open-template/) - “Open” landing page template by Cruip built with Tailwind CSS Boilerplate.[39m
[38;5;12m- 🔧 [39m[38;5;14m[1mTesting Tailwind CSS plugins with Jest[0m[38;5;12m (https://www.oliverdavies.uk/articles/testing-tailwindcss-plugins-with-jest) - How to test Tailwind CSS plugins with Jest.[39m
[38;5;12m- 🔧 [39m[38;5;14m[1mTailwind CSS with CSS-in-JS[0m[38;5;12m (https://medium.com/@AndrewDelPrete/using-tailwindcss-with-css-in-js-32ae6796f95c) - How to use Tailwind CSS with CSS-in-JS.[39m
[38;5;12m- 🔧 [39m[38;5;14m[1mTailwind CSS in a Laravel Project[0m[38;5;12m (https://nick-basile.com/blog/post/setting-up-tailwind-in-a-laravel-project) - How to setup Tailwind CSS in a Laravel project.[39m
[38;5;12m- 🔧 [39m[38;5;14m[1mTailwind CSS with Ember[0m[38;5;12m (https://github.com/raytiley/tailwind-ember-example) - How to add Tailwind CSS to an Ember application.[39m
[38;5;12m- 🔧 [39m[38;5;14m[1mSage WordPress theme and Tailwind CSS[0m[38;5;12m (https://roots.io/guides/how-to-setup-tailwind-css-in-sage) - How to setup Tailwind CSS in Sage.[39m
[38;5;12m- 🔧 [39m[38;5;14m[1mTailwind CSS with GatsbyJS[0m[38;5;12m (https://dev.to/jakedohm_34/using-tailwind-with-gatsby-js-10fj) - How to use Tailwind CSS with Gatsby.[39m
[38;5;12m- 🔧 [39m[38;5;14m[1mTailwind CSS with Phoenix 1.4[0m[38;5;12m (https://equimper.com/blog/how-to-setup-tailwindcss-in-phoenix-1.4) - How to setup Tailwind CSS in Phoenix 1.4.[39m
[38;5;12m- 🔧 [39m[38;5;14m[1mExtend Tailwind CSS[0m[38;5;12m (https://web-crunch.com/how-to-extend-tailwind-css) - How to Extend Tailwind CSS.[39m
[38;5;12m- 🎬 [39m[38;5;14m[1mRebuilding Laravel.io[0m[38;5;12m (https://www.youtube.com/watch?v=ZrRRMBaz5Z0) - Rebuilding Laravel.io with Tailwind CSS.[39m
[38;5;12m- 🎬 [39m[38;5;14m[1mRebuilding Coinbase[0m[38;5;12m (https://www.youtube.com/watch?v=7gX_ApBeSpQ) - Rebuilding Coinbase with Tailwind CSS [39m[38;5;14m[1msee the [0m[38;5;12mCodePen[39m[38;5;14m[1m (https://codepen.io/adamwathan/pen/RxWrZr)[0m[38;5;12m .[39m
[38;5;12m- 🎬 [39m[38;5;14m[1mRebuilding Twitter[0m[38;5;12m (https://www.youtube.com/watch?v=Pg_5Ni1_bg4) - Rebuilding Twitter with Tailwind CSS [39m[38;5;14m[1msee the [0m[38;5;12mCodePen[39m[38;5;14m[1m (https://codepen.io/drehimself/full/vpeVMx)[0m[38;5;12m .[39m
[38;5;12m- 🎬 [39m[38;5;14m[1mRebuilding YouTube[0m[38;5;12m (https://www.youtube.com/watch?v=qxQKnqmNKv0) - Rebuilding YouTube with Tailwind CSS.[39m
[38;5;12m- 🎬 [39m[38;5;14m[1mRebuilding Netlify[0m[38;5;12m (https://www.youtube.com/watch?v=_JhTaENzfZQ&t=1263s) - Rebuilding Netlify with Tailwind CSS.[39m
[38;5;12m- 🎬 [39m[38;5;14m[1mRebuilding Resolute[0m[38;5;12m (https://www.youtube.com/watch?v=banq3TfAPYk) - Rebuilding Resolute with Tailwind CSS.[39m
[38;5;12m- 🎬 [39m[38;5;14m[1mLet's Build: Movie Production Landing Page[0m[38;5;12m (https://web-crunch.com/tailwind-css-movie-production-landing-page) - Building a movie production landing page with Tailwind CSS.[39m
[38;5;12m- 🎬 [39m[38;5;14m[1mLets Build: Responsive Navbar[0m[38;5;12m (https://web-crunch.com/lets-build-tailwind-css-responsive-navbar) - Building a responsive navbar with Tailwind CSS.[39m
[38;5;12m- 🎬 [39m[38;5;14m[1mLet's Build: Dribbble Shot[0m[38;5;12m (https://web-crunch.com/lets-build-tailwind-css-dribbble-shot) - Dribbble shot with Tailwind CSS.[39m
[38;5;12m- 💙🎬 [39m[38;5;14m[1mTailwind CSS: From Zero to Production[0m[38;5;12m (https://www.youtube.com/playlist?list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0) - Complete walkthrough of Tailwind CSS, from installation to optimization for deployment.[39m
[38;5;12m- 🎬 [39m[38;5;14m[1mLet's Build: Tweet component[0m[38;5;12m (https://web-crunch.com/lets-build-tailwind-css-tweet) - Building a Tweet component with Tailwind CSS.[39m
[38;5;12m- 🎬 [39m[38;5;14m[1m10 Tailwind CSS Tips and Tricks[0m[38;5;12m (https://www.youtube.com/watch?v=aSlK3GhRuXA) - 10 Tailwind CSS tricks you should know.[39m
[38;5;12m- 🎬 [39m[38;5;14m[1mResponsive Framer Motion with Tailwind CSS[0m[38;5;12m (https://www.youtube.com/watch?v=xSuxsfn13xg) - Learn how CSS variables can bridge the gap between Framer Motion and Tailwind CSS.[39m
[38;5;12m- 🎓 [39m[38;5;14m[1mModal Dialog[0m[38;5;12m (https://codeburst.io/creating-a-modal-dialog-with-tailwind-css-42722c9aea4f) - Creating a modal dialog with Tailwind CSS.[39m
[38;5;12m- 🎓 [39m[38;5;14m[1mBuilding real-world UIs using Tailwind CSS[0m[38;5;12m (https://github.com/asvny/building-realworld-user-interfaces-using-tailwind) - Building UIs of Shopify, Spotify, Netlify and Atlassian.[39m
[38;5;12m- 🎓 [39m[38;5;14m[1mLogin Page (PingPing)[0m[38;5;12m (https://stefanbauer.me/building-pingping/we-build-a-login-using-tailwindcss) - Creating a login page with Tailwind CSS.[39m
[38;5;12m- 🎓 [39m[38;5;14m[1mLogin Page[0m[38;5;12m (https://mustafaaloko.github.io/2017/tailwind-css-building-a-login-page) - Creating a login page with Tailwind CSS.[39m
[38;5;12m- 🎓 [39m[38;5;14m[1mVue.js Component with Tailwind and Laravel[0m[38;5;12m (https://nick-basile.com/blog/post/how-to-build-a-vuejs-component-with-tailwind-in-a-laravel-project) - Building a Vue.js component in a Laravel project.[39m
[38;5;12m- 🎓 [39m[38;5;14m[1mVue.js Modal[0m[38;5;12m (https://nick-basile.com/blog/post/build-a-customizable-vuejs-modal-with-tailwind-css) - Building a customizable modal with Tailwind CSS and Vue.js.[39m
[38;5;12m- 🎓 [39m[38;5;14m[1mNavigation[0m[38;5;12m (https://nick-basile.com/blog/post/building-a-nav-with-tailwind-css) - Building a navigation with Tailwind CSS.[39m
[38;5;12m- 🎓 [39m[38;5;14m[1mForms with Tailwind CSS[0m[38;5;12m (https://css-tricks.com/style-form-tailwind-css) - How to style a form with Tailwind CSS.[39m
[38;5;12m- 🎓 [39m[38;5;14m[1mPhoto gallery with CSS grids[0m[38;5;12m (https://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.[39m
[38;5;12m- 🎓 [39m[38;5;14m[1mRebuilding Bartik[0m[38;5;12m (https://www.oliverdavies.uk/articles/rebuilding-bartik-with-vuejs-tailwind-css) - Rebuilding Bartik (Drupal's default theme) with Vue.js and Tailwind CSS.[39m
[38;5;12m- 🎓 [39m[38;5;14m[1mRebuilding Airbnb's Home Page[0m[38;5;12m (https://web-crunch.com/re-create-airbnbs-home-page-with-tailwind-css) - Rebuilding Airbnb's Home Page with Tailwind CSS.[39m
[38;5;12m- 🎓 [39m[38;5;14m[1mTypographic defaults in Tailwind CSS[0m[38;5;12m (https://www.themes.dev/blog/typographic-defaults-in-tailwind-css/)[39m
[38;5;12m- 🎓 [39m[38;5;14m[1mCreate a responsive navigation menu in Tailwind CSS[0m[38;5;12m (https://www.themes.dev/blog/responsive-navigation-menu-tailwind-css/)[39m
[38;5;12m- 🎥 [39m[38;5;14m[1mLaracasts Weekly Stream: Tailwind[0m[38;5;12m (https://www.youtube.com/watch?v=HIPgzWS-Bxg)[39m
[38;5;12m- 🎥 [39m[38;5;14m[1mMore experimentation with Tailwind CSS[0m[38;5;12m (https://www.youtube.com/watch?v=nBzfVK3QUzM)[39m
[38;5;12m- 🎥 [39m[38;5;14m[1mRebuilding Spotify[0m[38;5;12m (https://youtu.be/SLGb2RLie9w)[39m
[38;5;12m- 🎥 [39m[38;5;14m[1mRebuilding Discord[0m[38;5;12m (https://youtu.be/t54tuaoHVLo)[39m
[38;5;12m- 🎥 [39m[38;5;14m[1mRebuilding Meetup[0m[38;5;12m (https://youtu.be/ULe6yKJrFuI)[39m


[38;5;12m  [39m
[38;5;12m  [39m
[38;5;12m  ·[39m
[38;5;12m  [39m
[38;5;12m  [39m
[38;5;12m  [39m

