tailwindlabs/tailwindcssPublic

• Landmark project

  97,062 stars

• Battle-tested

  8 years of history

• Actively maintained

  Pushed within 48 hours

• Community-driven

  ~367 contributors

• Permissive license

  MIT

• Continuous integration

  Automated checks passing

• Repeat trending

  4 trending appearances

• Top 10% tracked

  Rank 66 of 1058

Tailwind CSS provides a low-level, utility-first approach to styling web applications directly in your HTML. Instead of writing custom CSS classes, developers compose layouts using pre-existing utility classes for padding, margins, colors, and typography. The framework uses PostCSS to process these utilities and output highly optimized, minimal CSS files. It embraces responsive design by providing breakpoint-specific variants for every utility class. This methodology prevents CSS bloat and accelerates the UI development process.

Tailwind CSS is for frontend developers and UI designers looking for a faster way to style web applications. It is ideal for teams who want to maintain a consistent design system without writing custom CSS.

• Utility First Approach: Styles elements using compositional helper classes directly in markup.
• Responsive Variants: Applies styles conditionally based on screen size breakpoints.
• Highly Customizable: Allows extensive configuration of colors, spacing, and fonts via a config file.
• Optimized Output: Purges unused CSS automatically to ensure tiny production file sizes.
• Modern CSS Features: Supports CSS variables, grid layouts, and dark mode natively.

Getting started: npm install tailwindcss

1. v4.3.3v4.3.3Jul 16, 202647.8K 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, 202689.2K 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, 202681.4K 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, 2026258.3K 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, 2026105.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.

  453.6K stars · TypeScript

• openclaw/openclaw

  Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

  385.5K stars · TypeScript

• openclaw/openclaw

  Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

  384.4K stars · TypeScript

• openclaw/openclaw

  Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

  384.4K stars · TypeScript

• openclaw/openclaw

  Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

  384.4K stars · TypeScript

• anomalyco/opencode

  The open source coding agent.

  194.7K stars · TypeScript