Tailwind CSS v4.1: Text shadows, masks, and tons more

I wasn't sure it would ever happen but we did it — we released a version of Tailwind CSS that includes text-shadow utilities.

Tailwind CSS v4.1 is here and it's packed with new utilities, variants, and developer experience improvements that will help you (or your LLM, you coward) build even better interactive experiences.

Check out the announcement post for all the details:

[kagendralaga]

Thanks for adding the "justify-center-safe" class. That would surely help a ton!

[clementmmas]

This feels like Tailwind v4 is out of beta and now production ready. Lots of great new features and fixes!

[ShayanTheNerd]

The lack of backward compatibility was holding me back on v4 since the beta version. This is great improvement!

[VinceKronlein]

Every time there's a new release I'm simply floored by what you guys have made here. I still don't think most people realize how important Tailwind is and how it's COMPLETELY changed the building of modern apps of any language you can name. Well done Adam, you guys are simply amazing!

[rnater]

Thanks! I realized my eyes are effed, I couldn't notice any difference with the text shadows applied.

[david_jacobs]

This saves me from using external packages for masking. Amazing features, Tailwind Labs.

[Infinitay]

I can't believe there are now masks in TailwindCSS. As a new dev, I have spent more days than I am proud to admit on making a fading/feathering image. Nothing was satisfactory to me until I found SVG effects. I'm going to update tailwind and hopefully can make my code much more elegant and clean thanks to these new classes.

Thanks for all the work the team has done!

[joshuapinter]

Great presentation, Adam. Tailwind keeps getting more and more polished. Sick drumset and guitar too.

[AbdelmalekDjema]

I can't thank you guys enough, you are literally changing my life for the best. thank you once again.

[swado_]

That justify-center-safe is game changer. I have wasted hours to fix layouts for this.

[MChiemelie]

You guys won't believe how desperately I need these feature especially that masking. I used to depend on gradient for that. Like three div stacked on each other. One for the image, another for the gradient, then another for the contents.

[mjerez]

Well done implementing text Shadow!
I heard next step is gonna be moving all that class names into an style tag and call it css 🚀

[RiGD]

praise the thumbnail maker! I love what you guys are doing!

[rivershertz]

I really like and appreciate your videos and updates! Thank you!

One comment, please zoom in when you display text so it can be readable for us on phones 🙏🏼

[Richardritchie-wf]

Adam we need more of these release videos. Great, great work!! ❤❤

[mattwooddc]

Thank you, Adam. Looking forward to trying out v4

[nicolaskeith]

If Adam hadn't gone into web development, he woulda made one helluva comedian

[pvn]

target input device is massive, surprised you're not highlighting it more! Imo its a much better experience to turn off fancy hover states (e.g. radial glows etc) unless you're using a mouse

[doezage]

Thank God for tailwind cos i was not going to learn allat css

[zDelek]

Cool now I don’t have to us that absolute gradient div anymore. Let’s go