Tailwind CSS v3.3 Released: Darker Shades, ESM/TS Config, Logical Properties

What happened

Tailwind CSS v3.3 was released on March 28, 2023, according to the official announcement on the Tailwind CSS blog by Adam Wathan. It was a feature release with no breaking changes, bringing a set of long-requested additions plus a number of smaller improvements.

Darker shades and config options

One of the most common feature requests over the years was darker shades for every color, and v3.3 delivered a new 950 shade for all colors. In the grays these act as a tinted black for ultra-dark UIs, and in the rest of the spectrum they are optimised for high-contrast text and tinted control backgrounds. The release also added the ability to write the Tailwind configuration file in ESM or TypeScript, with the init command detecting ES modules automatically and --esm and --ts flags available.

Logical properties and gradients

Version 3.3 simplified right-to-left support with logical properties: new utilities like ms-3 and me-3 style the start and end of an element so styles adapt automatically in RTL, instead of writing ltr:ml-3 rtl:mr-3. Tailwind added logical-property utilities for inset, margin, padding, border-radius, scroll-margin and scroll-padding. It also added utilities to fine-tune gradient color-stop positions, such as from-10% and via-30%.

Line-clamp and smaller additions

The previously separate line-clamp plugin was baked into the framework, so multi-line text truncation works out of the box. The release added a line-height shorthand that sets font-size and line-height together, such as text-lg/7, a shorthand for CSS variables that omits var(), configurable font-variation-settings, and new list-style-image, hyphens and caption-side utilities.

Why it mattered

Tailwind CSS v3.3 packed a lot of practical, no-breaking-change improvements into a single release. The darker shades and logical properties in particular addressed persistent requests from developers building dark and multi-directional interfaces, while first-class ESM and TypeScript config brought Tailwind in line with modern project setups.

Related on Skillo

See also: Tailwind CSS v3.0 and the JIT engine, Tailwind CSS v4.0's CSS-first rewrite.

Sources

• Tailwind CSS v3.3 (official Tailwind blog)

Published date reflects the original event date (2023-03-28). This article is original Skillo editorial written from the sources above; facts were verified in September 2026.