TailwindCSS v4 First Look - Better at Everything?!

TailwindCSS 4 is now in Alpha. V4 features new engine built from the ground-up, making it up to 10x faster. It's also much easier to import into your project, and composing variants of selectors is a breeze. Let's write some code and check out TailwindCSS 4!
🔗 Socials:
X - x.com/arielweinberger
LinkedIn - / arielweinberger
Timestamps:
00:00 Intro
00:11 Importing Tailwind 4
01:04 CSS Variables in Tailwind 4
02:12 Variant Selector Composition in Tailwind 4
03:32 Tailwind 4 Engine & Rust
04:30 Recap
📚 Resources
Open-sourcing our progress on Tailwind CSS v4.0
tailwindcss.com/blog/tailwind...

[@codinglyio]

I’m curious if common design systems will work with v4 straight out of the box. shadcn, I’m looking at you 👀

[@clemonsLA]

Short, live code, cutting edge tech.. instant subscribe.

[@codinglyio]

This makes me happy. I myself am tired of seeing KZbinrs just reading blog posts on camera.

[@clemonsLA]

@@codinglyio Exactly! You're going to be BIG once you figure out who your target audience is (and what stack they're using). Mark my words.

[@HighTechPictures]

thanks for sharing. i'm excited.

[@Laurakz4tw]

Awesome video!

[@Pareshbpatel]

Great intro to some features of TailwinfCSS v4. Thanks. {2024-04-21} - Subscribed!

[@zonedetec5969]

Really nice video! Thank you!

[@codinglyio]

I appreciate it!

[@ryanbrown9102]

I hate when content creators start their videos with a post-installation status, and you find yourself struggling for 2 hours (as if time is not the most valuable resource in the universe) in order to apply tailwindcss-4 onto an existing project. Making it to (FINALLY! 🥵) work was really tough and exhausting. Source code could have been helpful as well. Thanks anyway.. p.s. 03:27 - mmm className="group-has-hover-has-active:opacity-0" - doesn't work.

[@oof-software]

Thanks for the video! Also your audio is a bit out of sync.

[@rtx__3090]

I DONT EVEN HAVE NO MORE MOTIVATION FOR THIS WEB DEV SHI FUCK DEVIN I WILL GET REPLACED

[@codinglyio]

Stay strong man, you’re an RTX 3090 after all. AI needs you for inference, lol.

[@rtx__3090]

@@codinglyio I'm a fookin GPU💪