tailwindlabs/tailwindcssPublic

What is tailwindcss?

A utility-first CSS framework for rapidly building custom user interfaces without writing CSS.

What does tailwindcss do?

Tailwind CSS is an incredibly popular, utility-first CSS framework that fundamentally changes how developers style web applications. Instead of maintaining sprawling stylesheets of custom classes, developers compose designs directly in their HTML using a comprehensive set of low-level utility classes. The framework features an advanced Just-In-Time (JIT) compiler that parses the project's source code and generates a stylesheet containing only the exact utilities used, ensuring optimal file sizes. It emphasizes rapid development, extreme flexibility, and maintaining consistency through a central configuration file. This paradigm shift allows teams to scale large projects without CSS bloat.

Who is tailwindcss for?

Tailwind CSS is designed for frontend developers, UI designers, and full-stack engineers building modern web interfaces. Users must have a solid foundation in HTML and understand underlying CSS layout properties like Flexbox and Grid.

How do I get started with tailwindcss?

npm install -D tailwindcss

How popular is tailwindcss on GitHub?

tailwindlabs/tailwindcss has 97,767 stars and 7,478 forks on GitHub, and gained 57 stars in the last 7 days.

What license does tailwindcss use?

tailwindlabs/tailwindcss is released under the MIT license.

• Landmark project

  97,767 stars

• Battle-tested

  9 years of history

• Community-driven

  ~376 contributors

• Permissive license

  MIT

• Repeat trending

  6 trending appearances

• Top 10% tracked

  Rank 71 of 1135

Tailwind CSS is an incredibly popular, utility-first CSS framework that fundamentally changes how developers style web applications. Instead of maintaining sprawling stylesheets of custom classes, developers compose designs directly in their HTML using a comprehensive set of low-level utility classes. The framework features an advanced Just-In-Time (JIT) compiler that parses the project's source code and generates a stylesheet containing only the exact utilities used, ensuring optimal file sizes. It emphasizes rapid development, extreme flexibility, and maintaining consistency through a central configuration file. This paradigm shift allows teams to scale large projects without CSS bloat.

Tailwind CSS is designed for frontend developers, UI designers, and full-stack engineers building modern web interfaces. Users must have a solid foundation in HTML and understand underlying CSS layout properties like Flexbox and Grid.

• Utility-First Paradigm: Styles elements directly in the markup using low-level, composable classes like `flex`, `pt-4`, and `text-center`.
• JIT Compilation Engine: Scans templates on-demand to generate CSS, ensuring the final production bundle is as small as possible.
• Centralized Configuration: Allows deep customization of colors, spacing, and typography via a single `tailwind.config.js` file.
• Built-in Responsive Design: Provides intuitive responsive variants that make it trivial to build complex layouts for any screen size.
• Native Dark Mode: Supports dark mode effortlessly via simple utility prefixes like `dark:bg-gray-800`.

Getting started: npm install -D tailwindcss

1. v4.3.3v4.3.3Jul 16, 2026554.4K downloads

   ### Fixed - Support `--watch --poll[=ms]` in `@tailwindcss/cli` when filesystem events are unreliable or unavailable ([#20297](https://github.com/tailwindlabs/tailwindcss/pull/20297)) - Canonicalization: match arbitrary hex colors against theme colors case-insensitively (e.g. `bg-[#fff]` and `bg-[#FFF]` → `bg-white`) ([#20298](https://github.com/tailwindlabs/tailwindcss/pull/20298)) - Prevent Preflight from overriding Firefox's native `iframe:focus-visible` outline styles ([#20292](https://github.com/tailwindlabs/tailwindcss/pull/20292)) - Ensure `theme('colors.foo')` in JS plugins resolves correctly when both `--color-foo` and `--color-foo-bar` exist ([#20299](https://github.com/tailwindlabs/tailwindcss/pull/20299)) - Ensure fractional opacity modifiers work with named shadow sizes like `shadow-sm/12.5`, `text-shadow-sm/12.5`, `drop-shadow-sm/12.5`, and `inset-shadow-sm/12.5` ([#20302](https://github.com/tailwindlabs/tailwindcss/pull/20302)) - Parse selectors like `[data-foo]div` as two selectors instead of one ([#20303](https://github.com/tailwindlabs/tailwindcss/pull/20303)) - Ensure `@tailwindcss/postcss` rebuilds when a preprocessor like Sass changes the input CSS wit

2. v4.3.2v4.3.2Jun 29, 2026174K downloads

   ### Fixed - Support bare spacing values for `auto-rows-*` and `auto-cols-*` utilities (e.g. `auto-rows-12` and `auto-cols-16`) ([#20229](https://github.com/tailwindlabs/tailwindcss/pull/20229)) - Prevent `@tailwindcss/cli` in `--watch` mode from crashing on Windows when `@source` points to a directory that doesn't exist ([#20242](https://github.com/tailwindlabs/tailwindcss/pull/20242)) - Prevent `@tailwindcss/vite` from crashing in Deno v2.8.x when `context.parentURL` is not a valid URL ([#20245](https://github.com/tailwindlabs/tailwindcss/pull/20245)) - Ensure `@tailwindcss/cli` in `--watch` mode rebuilds when the input CSS file changes in an ignored directory ([#20246](https://github.com/tailwindlabs/tailwindcss/pull/20246)) - Allow `@variant` rules used in `addBase(…)` to use custom variants defined later ([#20247](https://github.com/tailwindlabs/tailwindcss/pull/20247)) - Prevent `@tailwindcss/vite` from crashing during HMR when scanned files or directories are deleted ([#20259](https://github.com/tailwindlabs/tailwindcss/pull/20259)) - Generate `font-size` instead of `color` declarations for `text-[--spacing(…)]` ([#20260](https://github.com/tailwindlabs/tailwindcss/p

3. v4.3.1v4.3.1Jun 12, 2026164.8K downloads

   ### Added - Add `--silent` option to suppress output in `@tailwindcss/cli` ([#20100](https://github.com/tailwindlabs/tailwindcss/pull/20100)) ### Fixed - Remove deprecation warnings by using `Module#registerHooks` instead of `Module#register` on Node 26+ ([#20028](https://github.com/tailwindlabs/tailwindcss/pull/20028)) - Canonicalization: don't crash when plugin utilities throw for unsupported values ([#20052](https://github.com/tailwindlabs/tailwindcss/pull/20052)) - Allow `@apply` to be used with CSS mixins ([#19427](https://github.com/tailwindlabs/tailwindcss/pull/19427)) - Ensure `not-*` correctly negates `@container` queries, including `style(…)` queries ([#20059](https://github.com/tailwindlabs/tailwindcss/pull/20059)) - Ensure `drop-shadow-*` color utilities work with custom shadow values containing `calc(…)` ([#20080](https://github.com/tailwindlabs/tailwindcss/pull/20080)) - Fix 'Sourcemap is likely to be incorrect' warnings when using `@tailwindcss/vite` ([#20103](https://github.com/tailwindlabs/tailwindcss/pull/20103)) - Ensure `@tailwindcss/webpack` can be installed in Rspack projects without requiring `webpack` as a peer dependency ([#20027](https://git

4. v4.3.0v4.3.0May 8, 2026512.2K downloads

   ### Added - Add `@container-size` utility ([#18901](https://github.com/tailwindlabs/tailwindcss/pull/18901)) - Add `scrollbar-{auto,thin,none}` utilities for `scrollbar-width`, and `scrollbar-thumb-*` / `scrollbar-track-*` color utilities for `scrollbar-color` ([#19981](https://github.com/tailwindlabs/tailwindcss/pull/19981), [#20019](https://github.com/tailwindlabs/tailwindcss/pull/20019)) - Add `scrollbar-gutter-*` utilities ([#20018](https://github.com/tailwindlabs/tailwindcss/pull/20018)) - Add `zoom-*` utilities ([#20020](https://github.com/tailwindlabs/tailwindcss/pull/20020)) - Add `tab-*` utilities ([#20022](https://github.com/tailwindlabs/tailwindcss/pull/20022)) - Allow using `@variant` with stacked variants (e.g. `@variant hover:focus { … }`) ([#19996](https://github.com/tailwindlabs/tailwindcss/pull/19996)) - Allow using `@variant` with compound variants (e.g. `@variant hover, focus { … }`) ([#19996](https://github.com/tailwindlabs/tailwindcss/pull/19996)) - Support `--default(…)` in `--value(…)` and `--modifier(…)` for functional `@utility` definitions ([#19989](https://github.com/tailwindlabs/tailwindcss/pull/19989)) ### Fixed - Ensure `@plugin` resolv

5. v4.2.4v4.2.4Apr 21, 2026145.1K downloads

   ### Fixed - Ensure imports in `@import` and `@plugin` still resolve correctly when using Vite aliases in `@tailwindcss/vite` ([#19947](https://github.com/tailwindlabs/tailwindcss/pull/19947))

• freeCodeCamp/freeCodeCamp

  freeCodeCamp.org's open-source codebase and curriculum. Learn math, programming, and computer science for free.

  456.7K stars · TypeScript

• openclaw/openclaw

  The AI that really does things. Any OS. Any Platform. The lobster way. 🦞

  391.3K stars · TypeScript

• anomalyco/opencode

  The open source coding agent.

  211.7K stars · TypeScript

• n8n-io/n8n

  Fair-code workflow automation platform with native AI capabilities. Combine visual building with custom code, self-host or cloud, 400+ integrations.

  206.7K stars · TypeScript

• microsoft/vscode

  Visual Studio Code

  193.5K stars · TypeScript

• firecrawl/firecrawl

  Supercharge your AI agents with data from the web and beyond. Building the library for superintelligence. 🔥

  188.6K stars · TypeScript