Tailwind CSS v3.4.0 — Release Notes & Engineering Impact

Source available — automated, not human-reviewed

Component: tailwind · Channel: stable. Automated analysis, not a compatibility certification. How this works.

Analysis updated: 2026-11-01.

Compatibility not verified — check source notes

$ npm install --save-exact [email protected]

📄 .MD

✨ Features 6 ⚡ Improvements 1

⚡ Executive Summary (TL;DR)

Tailwind CSS v3.4.0. Source highlight: Tailwind CSS v3.4 has arrived! Check out the announcement post for a guided tour through all of the highlights.

Visit Tailwind CSS Official Site ↗ Official Release Source ↗ All Tailwind CSS Releases 📡 Tailwind CSS RSS

Who Does This Impact? (Role-Based Analysis)

💻 Software Engineers & Devs

Check the source notes against the package and APIs you use before upgrading.

📊 Product & Engineering Leads

Use the documented changes to assess relevance to your product; release frequency alone is not a quality measure.

⚙️ DevOps & Security

Verify the target version, runtime requirements and rollback procedure in the official documentation.

✨ New Features & Capabilities (6)

Add `svh`, `lvh`, and `dvh` values to default `height`/`min-height`/`max-height` theme (#11317)
Add `has-*` variants for `:has(...)` pseudo-class (#11318)
Add `text-wrap` utilities including `text-balance` and `text-pretty` (#11320, #12031)
Extend default `opacity` scale to include all steps of 5 (#11832)
Update Preflight `html` styles to include shadow DOM `:host` pseudo-class (#11200)
Increase default values for `grid-rows-*` utilities from 1–6 to 1–12 (#12180)

⚡ Performance & Enhancements (1)

Improve relative precedence of `rtl`, `ltr`, `forced-colors`, and `dark` variants (#12584)

📄 View Raw Release Notes (Original Developer Log)

<a href="https://tailwindcss.com/blog/tailwindcss-v3-4"><img alt="Tailwind CSS" src="https://github.com/tailwindlabs/tailwindcss/assets/882133/cf6ee749-cce4-45e9-b15f-e081a6353833" width="768"></a> Tailwind CSS v3.4 has arrived! Check out the [announcement post](https://tailwindcss.com/blog/tailwindcss-v3-4) for a guided tour through all of the highlights. ### Added - Add `svh`, `lvh`, and `dvh` values to default `height`/`min-height`/`max-height` theme ([#11317](https://github.com/tailwindlabs/tailwindcss/pull/11317)) - Add `has-*` variants for `:has(...)` pseudo-class ([#11318](https://github.com/tailwindlabs/tailwindcss/pull/11318)) - Add `text-wrap` utilities including `text-balance` and `text-pretty` ([#11320](https://github.com/tailwindlabs/tailwindcss/pull/11320), [#12031](https://github.com/tailwindlabs/tailwindcss/pull/12031)) - Extend default `opacity` scale to include all steps of 5 ([#11832](https://github.com/tailwindlabs/tailwindcss/pull/11832)) - Update Preflight `html` styles to include shadow DOM `:host` pseudo-class ([#11200](https://github.com/tailwindlabs/tailwindcss/pull/11200)) - Increase default values for `grid-rows-*` utilities from 1–6 to 1–12 ([#12180](https://github.com/tailwindlabs/tailwindcss/pull/12180)) - Add `size-*` utilities ([#12287](https://github.com/tailwindlabs/tailwindcss/pull/12287)) - Add utilities for CSS subgrid ([#12298](https://github.com/tailwindlabs/tailwindcss/pull/12298)) - Add spacing scale to `min-w-*`, `min-h-*`, and `max-w-*` utilities ([#12300](https://github.com/tailwindlabs/tailwindcss/pull/12300)) - Add `forced-color-adjust` utilities ([#11931](https://github.com/tailwindlabs/tailwindcss/pull/11931)) - Add `forced-colors` variant ([#11694](https://github.com/tailwindlabs/tailwindcss/pull/11694), [#12582](https://github.com/tailwindlabs/tailwindcss/pull/12582)) - Add `appearance-auto` utility ([#12404](https://github.com/tailwindlabs/tailwindcss/pull/12404)) - Add logical property values for `float` and `clear` utilities ([#12480](https://github.com/tailwindlabs/tailwindcss/pull/12480)) - Add `*` variant for targeting direct children ([#12551](https://github.com/tailwindlabs/tailwindcss/pull/12551)) ### Changed - Simplify the `sans` font-family stack ([#11748](https://github.com/tailwindlabs/tailwindcss/pull/11748)) - Disable the tap highlight overlay on iOS ([#12299](https://github.com/tailwindlabs/tailwindcss/pull/12299)) - Improve relative precedence of `rtl`, `ltr`, `forced-colors`, and `dark` variants ([#12584](https://github.com/tailwindlabs/tailwindcss/pull/12584))

← Older Version Tailwind CSS v3.3.7 Newer Version → Tailwind CSS v3.4.1