We can't find the internet
Attempting to reconnect
Something went wrong!
Hang in there while we get back on track
Preview what's coming in the next version of Tailwind CSS.
After a long alpha period, we’re excited to finally release Tailwind CSS v4.0 as a beta! Although there are some rough edges, we are confident that no more breaking changes will occur between now and the stable release.
This documentation is currently a work-in-progress, but it should be sufficient to get you started. If you encounter any issues, please let us know on GitHub so we can ensure a stable release in the upcoming months.
What's new in v4.0
- New high-performance engine
- CSS-first configuration
- CSS theme variables
- Native CSS cascade layers
- Automatic source detection
- Built-in import support
- Built-in CSS transpilation
- Simplified theme configuration
- Dynamic spacing scale
- Modernized P3 color palette
- Simplified variable colors
- Container query support
- 3D transforms
- Linear gradient angles
- Gradient interpolation modifiers
- Conic and radial gradients
- Inset shadows and rings
field-sizingutilitiescolor-schemeutilitiesfont-stretchutilities- Composable variants
@starting-stylevariantnot-*variantinertvariantnth-*variantsin-*variant:popover-opensupport- Descendant variant
continue reading on tailwindcss.com
⚠️ This post links to an external website. ⚠️
If this post was enjoyable or useful for you, please share it! If you have comments, questions, or feedback, you can email my personal email. To get new posts, subscribe use the RSS feed.