What’s New in Tailwind CSS v4?
summary
Tailwind CSS v4 beta claims a ground‑up rewrite written in Rust and shows dramatic speed gains (full rebuilds ~100ms vs ~378ms), plus faster incremental builds; it uses Lightning CSS under the hood for prefixes and transforms. Configuration moves to a CSS‑first theme layer with OKLCH color space and live custom variables, adds a dynamic scale so arbitrary values are seldom needed, ships conic/radial gradients, 3D transforms, container queries, descendant selectors, inset shadows and automatic source detection; live demo builds and updates instantly.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 0:42What is Tailwind CSS
- 2:50Performance in v4
- 4:15CSS-first config
- 5:21OKLCH color palette
- 6:25Dynamic scale & values
- 8:323D transforms
- 9:17Enhanced gradients
- 10:21Dev experience tweaks
- 11:05Live demo of v4
- 13:54Conic gradients & colors
- 16:43Custom fonts in v4
- 17:47Descendant selectors
- 19:13Q&A
related talks
32mThe Future of Utility-First CSS: What Tailwind v4 Signals for Web Development
15mTailwindCSS 4: A Fast Feature Feast
30mTailwind 4 vs CSS 6
31mTailwind CSS: It looks awful, and it works
25mRapid development with Vue.js and Tailwind
37mHijacking CSS with tailwindCSS
31mTailwind or the Future of CSS
19mTangled in Tailwind: A love-hate story