Release Notes
Oct 12, 2020
Tailwind CSS v1.9 is now available with a new feature, some new utilities, and a few accessibility improvements. Check it out!
- Add new
presets
config option (#2474) - Add
col-span-full
androw-span-full
() - Make
outline
configurable,outline-none
more accessible by default, and addoutline-black
andoutline-white
(#2460) - Add additional small
rotate
andskew
values () - Add
xl
,2xl
, and3xl
border radius values (#2529) - Add new utilities for
grid-auto-columns
andgrid-auto-rows
() - Promote
defaultLineHeights
and from experimental to future
Fixed
- Don’t escape keyframe values ()
- Use
word-wrap
instead ofoverflow-wrap
inie11
target mode (#2391)
Experimental
- Add experimental
2xl
breakpoint (#2468) - Rename
{u}-max-content
and{u}-min-content
utilities to{u}-max
and{u}-min
in experimental extended spacing scale () - Support disabling dark mode variants globally (#2530)
Tailwind CSS v1.8
Sep 4, 2020
Tailwind CSS v1.8 is now available with a handful of new utilities, a couple new features, and an exciting new experiment!
New features
- New
font-variant-numeric
utilities () - New
place-items
,place-content
,place-self
,justify-items
, andjustify-self
utilities (#2306) - New
preserveHtmlElements
option forpurge
() - New
layers
mode for (#2288) - Support configuring variants as functions ()
- Dark mode variant (experimental) (#2279)
Changes
- CSS within
@layer
at-rules are now grouped with the corresponding@tailwind
at-rule (#2312)
- The
conservative
purge mode has been deprecated in favor of the newlayers
mode ()
Check out the full release notes on GitHub for more details.
Tailwind CSS v1.7
Aug 18, 2020
Tailwind CSS v1.7 is now available with gradients, background-clip support, a new experimental version of @apply
that works with any class (!), and tons more:
New features
Deprecations
Experimental features
For all the details, check out the complete release notes on GitHub.
July 28, 2020
Tailwind CSS v1.6 is now available with animation support (!) and a bunch of other neat stuff:
For all the details, .
Tailwind CSS v1.5
July 15, 2020
Tailwind CSS v1.5 is now available with a handful of useful new features:
For the full list of changes, .
Tailwind CSS v1.4
Apr 29, 2020
Tailwind CSS v1.4 is out now with a couple of major new features:
Apr 21, 2020
Tailwind CSS v1.3 is now available with a bunch of super useful new features, including:
For the full list of changes, .
Tailwind CSS v1.2
Feb 5, 2020
Tailwind CSS v1.2 is here and it’s the biggest feature release since v0.1 dropped two and a half years ago!
Here are the features you’re probably going to be the most excited about:
For the full list of changes, check out the complete release notes on GitHub.
Tailwind CSS v1.1
Aug 6, 2019
The first new feature release since v1.0 has arrived! Tailwind v1.1 includes a bunch of new stuff, but I think the things you’ll probably be most excited about are:
- New screenreader visibility utilities
- New variants for
first-child
,last-child
,nth-child(odd)
, andnth-child(even)
For the full list of changes, .
Important note — although this is a minor release, it includes two bug fixes that may have a superficial impact on how your site looks if you are using horizontal rules in your site or are relying on the default placeholder color defined in Tailwind’s base styles.
Be sure to read through the fixes section before upgrading to understand the impact.
May 13, 2019
A year and a half in the making, the first stable release of Tailwind CSS is finally here! 🎉
Since we released the first alpha on November 1st, 2017, the framework has seen 43 releases, racked up 2,281 commits from 88 contributors, and been installed over 1.4 million times.
It’s been adopted by big companies like and Mozilla, and used to build new startups like and PingPing.
This release focuses mostly on solidifying the existing API and locking in any breaking changes, but does include some exciting changes too.
For a full list of changes and instructions on upgrading, .
Revamped config file format
In v1.0, the config file is completely optional, and if you do add a config file, you only need to specify your customizations, not your entire design system.
This makes it a lot easier to know what values are custom for your project and which ones are built in to Tailwind by default, and in general keeps your config file a lot simpler and more manageable.
Learn more about the new configuration format in .
Tailwind v1.0 includes a brand new numeric color palette, where each color now comes with nine shades instead of seven.
Teal
Explore the new color palette in .
Updated breakpoints
We’ve updated the default breakpoints for v1.0 to better reflect common modern device resolutions.
The new breakpoints are more practical to work with and make it a bit easier to avoid annoying compromises in your responsive designs.
New to responsive design with Tailwind? Check out our to learn more.
New top/right/bottom/left utilities
Tailwind v1.0 includes new configurable utilities for top
, right
, bottom
, and left
, so you’re no longer limited by the old pin
classes.
Learn more in the .
New order utilities
Tailwind v1.0 also includes new utilities for the order
property so you can easily re-order elements inside of flex containers.
Learn more in the .