Open-Awesome
CategoriesAlternativesStacksSelf-HostedExplore
Open-Awesome

© 2026 Open-Awesome. Curated for the developer elite.

TermsPrivacyAboutGitHubRSS
  1. Home
  2. Categories
  3. Front-End Development
  4. Tailwind CSS

Tailwind CSS

The "Awesome Tailwind CSS" project is a comprehensive repository of resources dedicated to using Tailwind CSS, a utility-first CSS framework for building custom user interfaces rapidly. This curated list includes official documentation, IDE extensions, tools, UI libraries, components, and plugins, providing valuable aids for developers of all skill levels. With resources for design inspiration and development support, the project fosters a vibrant community around Tailwind CSS. Whether you’re searching for components or enhancing your workflow, this collection serves as a go-to guide for maximizing the potential of Tailwind CSS.

tailwind-cssui-developmentcss-frameworkdesign-toolsfrontend-developmentweb-designresponsive-design
RSSView on GitHub
15.0k stars1.0k forks0 contributorsUpdated
Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a projectStar on GitHub

Related Awesome Lists

💚
Vue.js

The "Awesome Vue.js" project is a curated collection of resources aimed at supporting developers using Vue.js, a progressive JavaScript framework for building user interfaces. This list encompasses a variety of resources including libraries, tools, plugins, tutorials, and community contributions that enhance the development experience. Whether you are a beginner looking to learn the basics or an experienced developer seeking advanced techniques, this list provides invaluable resources to help you create dynamic and responsive web applications. Dive into this collection to discover tools and insights that will elevate your Vue.js projects to the next level.

73.6k
⚛️
React

The "Awesome React" project is a curated resource list designed to support developers using React, a popular JavaScript library for building user interfaces. This list includes a wide range of resources such as libraries, tools, tutorials, components, and community-driven content that enhance the development experience. Whether you are a beginner looking to learn the basics or an experienced developer seeking advanced techniques, this collection provides valuable insights and tools to streamline your workflow. Dive into the world of React and discover the resources that will help you create dynamic and responsive user interfaces with ease.

72.7k
📦
Android UI

The "Awesome Android UI" project is a curated resource list dedicated to enhancing user interface design for Android applications. Android UI refers to the visual elements and interactive components that make up the user experience on Android devices. This list includes a variety of resources such as UI libraries, design tools, components, animations, and tutorials that cater to both novice and experienced developers. By providing a comprehensive selection of resources, this project empowers developers to create visually appealing and user-friendly applications. Whether you're looking for inspiration or practical tools to streamline your design process, you'll find valuable assets to elevate your Android UI development.

55.8k
📦
iOS UI

The "Awesome iOS UI" project is a curated collection of resources focused on user interface design for iOS applications. This list encompasses a variety of categories including UI components, design patterns, libraries, tools, and inspiration for creating visually appealing and user-friendly interfaces. It is beneficial for designers, developers, and anyone interested in enhancing their iOS app's user experience, whether they are beginners or seasoned professionals. Users can explore a wealth of resources to elevate their design skills and create stunning interfaces that engage users effectively.

11.2k

Table of Contents

5 sections · 66 projects

Useful links

6 projects
Tailwind Plus

tailwindcss.com
Headless UIHeadless UI

Completely unstyled, fully accessible UI components designed to integrate beautifully with Tailwind CSS.

#design-system#a11y#headless-ui
Stars28,672
Forks1,196
Last commit3 months ago
Heroicons

heroicons.com
Play

play.tailwindcss.com
Discord

tailwindcss.com
Tailwind Weekly

tailwindweekly.com

IDE extensions

3 projects
Intellisense for Code

marketplace.visualstudio.com
LSP support for EmacsLSP support for Emacs

Stars223
Forks23
Last commit2 months ago
Editor support for VS2022Editor support for VS2022

Unofficial Visual Studio 2022 extension providing IntelliSense, linting, class sorting, and build tools for Tailwind CSS development.

#developer-tools#css-linting#visual studio 2022
Stars149
Forks7
Last commit2 days ago

Tools

20 projects
Prettier pluginPrettier plugin

A Prettier plugin that automatically sorts Tailwind CSS classes based on the recommended class order.

#developer-tools#prettier-plugin#class-sorting
Stars7,112
Forks179
Last commit8 days ago
UI colors

uicolors.app
Tailwind Color Shades

javisperez.github.io
TailwindInk

tailwind.ink
Hypercolor

hypercolor.dev
Tints

tints.dev
Fullwind CSS

fullwindcss.com
InclusiveColors palette creator

inclusivecolors.com
Prefixer

github.vue.tailwind-prefix.cbass.dev
RustyWindRustyWind

A CLI tool for automatically sorting and organizing Tailwind CSS classes in your project files.

#hacktoberfest#developer-tools#code-formatter
Stars620
Forks29
Last commit1 day ago
Tailwind to Inline styles converterTailwind to Inline styles converter

Converts Tailwind CSS classes to inline styles for email-ready HTML templates.

#template#email-templates#inline-styles
Stars99
Forks7
Last commit4 months ago
Maizzle

maizzle.com
@nuxtjs/tailwindcss@nuxtjs/tailwindcss

A Nuxt module that seamlessly integrates Tailwind CSS into Nuxt applications with zero configuration.

#vue-js#developer-tools#nuxt
Stars1,869
Forks195
Last commit2 days ago
tailwindcss-railstailwindcss-rails

A Ruby gem that integrates Tailwind CSS with the Rails asset pipeline, providing a seamless workflow for utility-first CSS in Rails applications.

#utility-first-css#ruby-gem#frontend-tooling
Stars1,591
Forks191
Last commit2 days ago
Config viewerConfig viewer

A local UI tool for visualizing your Tailwind CSS configuration file during development.

#design-system#productivity#development-tool
Stars2,211
Forks118
Last commit1 year ago
Raycast extension

raycast.com
NativeWind

nativewind.dev
Gimli Tailwind

chromewebstore.google.com
CSS Variables Editor

cssvariables.com
DivMagic

divmagic.com

UI libraries, components & templates

27 projects
Tailwind UI

tailwindcss.com
Headless UI

headlessui.com
Catalyst

tailwindcss.com
shadcn UI

ui.shadcn.com
Layouts for Tailwind

layoutsfortailwind.lalokalabs.dev
Meraki UI Components

merakiui.com
Kometa UI Kit

kitwind.io
HyperUI

hyperui.dev
Ripple UI

ripple-ui.com
Pines UI

devdojo.com
Kokonut UI

kokonutui.com
8bitcn UI

8bitcn.com
Xtend UIXtend UI

A frontend library of Tailwind CSS components enhanced with vanilla JavaScript for building interfaces with advanced interactions and animations.

#vanilla-js#html#ui
Stars452
Forks17
Last commit1 month ago
Tremor

tremor.so
Daisy UIDaisy UI

A free, open-source component library for Tailwind CSS with customizable, accessible UI components.

#design-system#open-source#ui-kit
Stars41,757
Forks1,663
Last commit2 days ago
Flowbite

flowbite.com
STDF

stdf.design
Preline UI

preline.co
Date pickerDate picker

A Tailwind CSS datepicker built with vanilla JavaScript, part of the Flowbite component library.

#hacktoberfest#hacktoberfest2021#tailwind-datepicker
Stars149
Forks41
Last commit26 days ago
Built at lightspeed

builtatlightspeed.com
Admin One Vue 3Admin One Vue 3

A free Vue.js 3.x and Tailwind CSS 4.x admin dashboard template with dark mode, Vite builds, and Laravel/Nuxt integrations.

#laravel-integration#dashboard#pinia
Stars2,463
Forks443
Last commit7 months ago
Admin One ReactAdmin One React

A free React Next.js admin dashboard template built with Tailwind CSS 4.x, TypeScript, and dark mode.

#dark-mode#nextjs#dashboard
Stars592
Forks179
Last commit9 months ago
Flowbite Admin DashboardFlowbite Admin Dashboard

A free and open-source admin dashboard template built with Tailwind CSS and the Flowbite component library.

#open-source#dashboard#html
Stars2,858
Forks633
Last commit1 year ago
Astro Template ResumeAstro Template Resume

A personal resume landing page template built with Astro, featuring a Matrix Rain animation.

#resume-template#portfolio#matrix-animation
Stars6
Forks1
Last commit4 months ago
Astro Template CactusAstro Template Cactus

An opinionated Astro starter theme for creating accessible, SEO-friendly blogs and websites with built-in search and webmentions.

#astro#astro-theme#astrojs
Stars1,688
Forks270
Last commit2 days ago
Astro Template OvidiusAstro Template Ovidius

A minimal, responsive, single-author blog theme for Astro.js with built-in SEO, RSS, and image optimization.

#astro#astro-theme#astrojs
Stars115
Forks28
Last commit2 days ago
Astro Template DanteAstro Template Dante

A minimal, responsive single-author blog and portfolio theme for Astro.js with dark/light mode and SEO features.

#astro#astro-theme#astrojs
Stars499
Forks322
Last commit2 days ago

Plugins

10 projects
TypographyTypography

A Tailwind CSS plugin that adds beautiful typographic defaults to vanilla HTML from Markdown or CMS content.

#dark-mode#css-plugin#cms-content
Stars6,426
Forks317
Last commit1 month ago
FormsForms

A Tailwind CSS plugin that resets form element styles to be easily customizable with utility classes.

#form-styling#css-plugin#frontend
Stars4,569
Forks231
Last commit2 months ago
ThemerThemer

An unopinionated, scalable Tailwind CSS plugin for theming via CSS variables with automatic variants and unlimited themes.

#themes#theming#theme-management
Stars313
Forks12
Last commit2 days ago
Bootstrap gridBootstrap grid

A Tailwind CSS plugin that generates Bootstrap v5's flexbox grid system as utility classes.

#tailwind-css-plugin#bootstrap4#flexbox-grid
Stars188
Forks23
Last commit15 days ago
Dot & grid backgroundsDot & grid backgrounds

A Tailwind CSS plugin for adding customizable dot and grid background patterns with utility classes.

#web-design#developer-tools#background-patterns
Stars38
Forks1
Last commit1 year ago
Leading TrimLeading Trim

Tailwind CSS plugin that generates utility classes for trimming whitespace above and below capital letters using Capsize.

#hacktoberfest#web-typography#optical-alignment
Stars122
Forks3
Last commit2 days ago
Scrollbar HideScrollbar Hide

A Tailwind CSS plugin that hides scrollbars while maintaining scroll functionality.

#scrollbar-styling#tailwind-plugin#css-plugin
Stars314
Forks10
Last commit11 months ago
px to viewportpx to viewport

A Tailwind CSS plugin that automatically converts px units to viewport units (vw/vh) for responsive design.

#fluid-layout#tailwindcss-plugin#frontend-tooling
Stars9
Forks4
Last commit1 year ago
FluidFluid

A Tailwind CSS plugin that provides fluid scaling utilities using CSS clamp() for responsive designs.

#responsive#clamp#fluid
Stars1,780
Forks32
Last commit1 year ago
Debug screensDebug screens

A Tailwind CSS plugin that displays the currently active responsive breakpoint on screen for debugging.

#tailwindcss-plugin#css-plugin#tailwind
Stars675
Forks19
Last commit1 year ago