Tailwind CSS v3.3 introduces new features for color, configuration, and layout utilities.
- •A new 950 shade was added for every color, enabling darker options for dark mode UIs.
- •Config files can now be written in ESM or TypeScript using jiti and Sucrase for on-the-fly transpilation.
- •New logical property utilities (ms-*, me-*, ps-*, pe-*) simplify LTR/RTL multi-directional layouts without variant-based workarounds.
- •Gradient color stop positions can be controlled with utilities like from-10%, via-30%, to-90%.
- •line-clamp is now built into the framework; text-lg/7 shorthand sets font-size and line-height together.
This summary was automatically generated by AI based on the original article and may not be fully accurate.
Tailwind CSS
CSS-Tricks
WebKit