Loading video...

Video Failed to Load

Go Home

✨ We tagged Tailwind CSS v4.1! 🎭 New masking utilities 🫣 Text shadows (!) 🫂 Improved browser compatibility …and tons more — check it out:

adamwathan's profile picture

Adam Wathan

292,976 subscribers

140,509 views • 1 year ago •via X (Twitter)

Science & TechnologyEducation
LIVE

Anya Rossi• Live Now

Private livecam show

10 Comments

Adam Wathan's profile picture
Adam Wathan1 year ago

Check out the blog post for all the juicy details 👉🏻

Togoda AI Search Engine's profile picture
Togoda AI Search Engine1 year ago

Togoda is the world's first thematic AI search engine. 🚀 Gain unique perspectives on your searches with thematic themes. 👀 It's 100% private with third party proxy. 🧨 Try it today! 👉Follow us @togoda_com 👈

Chase Giunta's profile picture
Chase Giunta1 year ago

Really dig these videos. Incredibly helpful, and the attention to detail on these examples is unreal. Even the examples on the blogpost are next level. Great job guys! Thank you!

Brandon McConnell's profile picture
Brandon McConnell1 year ago

I can't wait to start throwing `inverted-colors:invert` on all my sites 😈 But really, great update 💯 I'm pumped to start using those masking utilities natively. Y'all nailed these new APIs— simple for basic use cases and flexible for more finessed usage

Donn Felker's profile picture
Donn Felker1 year ago

The cover image lol

Braydon Coyer's profile picture
Braydon Coyer1 year ago

I can't hide my excitement for masking!

🪄 Evgeniy OZ 🎩's profile picture
🪄 Evgeniy OZ 🎩1 year ago

everything is awesome, but the pointer-coarse utility is awesome-2xl

Endel ☕️'s profile picture
Endel ☕️1 year ago

i was wondering about text shadows a few days ago! upgrading in 3, 2, 1...

Luis Eduardo Cruz's profile picture
Luis Eduardo Cruz1 year ago

Oooh I needed that browser compatibility! right on time ❤️

Adrian Teh's profile picture
Adrian Teh1 year ago

Masks 😷 hooray!

Related Videos

Progress on `mask-image` support for Tailwind CSS v4.1… 🍿
1:47

Progress on `mask-image` support for Tailwind CSS v4.1… 🍿

Adam Wathan

106,325 views • 1 year ago

Released a new Tailwind CSS template today 🫣
0:50

Released a new Tailwind CSS template today 🫣

Adam Wathan

180,227 views • 3 years ago

✨ Tailwind CSS v4.0 is here! Huge performance improvements, radically simplified setup experience, CSS-first configuration, modernized P3 color palette, container queries, 3D transforms, expanded gradient APIs, @​starting-style support… …and tons, tons more.
0:20

✨ Tailwind CSS v4.0 is here! Huge performance improvements, radically simplified setup experience, CSS-first configuration, modernized P3 color palette, container queries, 3D transforms, expanded gradient APIs, @​starting-style support… …and tons, tons more.

Adam Wathan

506,442 views • 1 year ago

Introducing Nuxt UI Playground: prototype and share components instantly, right in your browser ✨ Includes all 125+ components, composables, and Tailwind CSS theming out of the box. Try it now:
0:35

Introducing Nuxt UI Playground: prototype and share components instantly, right in your browser ✨ Includes all 125+ components, composables, and Tailwind CSS theming out of the box. Try it now:

Benjamin Canac

12,155 views • 3 months ago

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇
1:02

It's finally here! Untitled UI React is live ✨ Untitled UI React is the world’s largest collection of open-source React components built with Tailwind CSS v4.1 and React Aria. Just copy, paste, and build. 👇

Jordan Hughes

243,934 views • 11 months ago

Introducing the new React Aria docs! 🎉 All-new content and search experience. Interactive CSS and Tailwind examples to get you started quickly – just install with shadcn. New guides and full example apps. MCP server and AI integrations. Check it out!
0:37

Introducing the new React Aria docs! 🎉 All-new content and search experience. Interactive CSS and Tailwind examples to get you started quickly – just install with shadcn. New guides and full example apps. MCP server and AI integrations. Check it out!

Devon Govett

78,079 views • 6 months ago

Achieve balanced text layouts in CSS with text-wrap: balance; This feature offers a more effective way to control text wrapping for improved readability and a more polished look. See examples and learn more →
0:58

Achieve balanced text layouts in CSS with text-wrap: balance; This feature offers a more effective way to control text wrapping for improved readability and a more polished look. See examples and learn more →

Chrome for Developers

20,593 views • 1 year ago

／ ✨⚜️ Patreon Update ⚜️✨ ＼ We’ve just released a new exclusive talk video to Patreon!💝 We have tons of exclusive content up - photos, blogs, videos and more🥂 Check it out here!🪽
0:21

／ ✨⚜️ Patreon Update ⚜️✨ ＼ We’ve just released a new exclusive talk video to Patreon!💝 We have tons of exclusive content up - photos, blogs, videos and more🥂 Check it out here!🪽

Isiliel

13,881 views • 4 months ago

Struggling to make your UI stand out? CSSnippets – A collection of modern, reusable UI components! ✨Ready-to-use with HTML, CSS, React & Tailwind CSS ✨No frameworks, just pure CSS ✨Clean, minimal, and beautiful 🔗 Explore now: Save it for later! 🔖
2:08

Struggling to make your UI stand out? CSSnippets – A collection of modern, reusable UI components! ✨Ready-to-use with HTML, CSS, React & Tailwind CSS ✨No frameworks, just pure CSS ✨Clean, minimal, and beautiful 🔗 Explore now: Save it for later! 🔖

Shefali

22,953 views • 1 year ago

Tailwind Tip #5 ✨ You can use ":invalid" pseudo class to create a pure css Tailwind CSS form validation without javascript. View code 👇 (5/30) follow for 25 more tips 😊
0:24

Tailwind Tip #5 ✨ You can use ":invalid" pseudo class to create a pure css Tailwind CSS form validation without javascript. View code 👇 (5/30) follow for 25 more tips 😊

Surjith S M ✪

169,280 views • 3 years ago

This week, Gabriel Perales 🤓 and I worked together on a tool for Tailwind CSS users. The tool lets you easily create grids for your Tailwind CSS projects, perfect for generating bento-style grids! It supports Tailwind CSS v3/v4 —
1:08

This week, Gabriel Perales 🤓 and I worked together on a tool for Tailwind CSS users. The tool lets you easily create grids for your Tailwind CSS projects, perfect for generating bento-style grids! It supports Tailwind CSS v3/v4 —

Michael Andreuzza

69,293 views • 1 year ago

Product Launch 📢✨ Introducing "Tailwind CSS Notion Handbook" ↳ Tailwind CSS Basics ↳ 30 Tailwind CSS Tips ↳ 10 Bonus Tips ↳ Production Checklist ↳ UI Kits & Templates ↳ 20+ Tools & Resources Launch Price: $9 for 24 hours ⏰ Code: LAUNCH75 👉
0:31

Product Launch 📢✨ Introducing "Tailwind CSS Notion Handbook" ↳ Tailwind CSS Basics ↳ 30 Tailwind CSS Tips ↳ 10 Bonus Tips ↳ Production Checklist ↳ UI Kits & Templates ↳ 20+ Tools & Resources Launch Price: $9 for 24 hours ⏰ Code: LAUNCH75 👉

Surjith S M ✪

93,731 views • 3 years ago

Quick demo of JS config file support and plugin support in the latest Tailwind CSS v4 alpha 🫣
6:27

Quick demo of JS config file support and plugin support in the latest Tailwind CSS v4 alpha 🫣

Adam Wathan

91,557 views • 1 year ago

Nuxt UI v4.3 is out! ✨ ✏️ New Editor components powered by Tiptap with toolbars, slash commands, mentions, emojis, and drag & drop 📜 New ScrollArea component with virtualization using TANSTACK virtual …and tons more, check it out:
0:27

Nuxt UI v4.3 is out! ✨ ✏️ New Editor components powered by Tiptap with toolbars, slash commands, mentions, emojis, and drag & drop 📜 New ScrollArea component with virtualization using TANSTACK virtual …and tons more, check it out:

Benjamin Canac

35,187 views • 6 months ago

SpeedRunners 2 Demo is coming to Steam on February 20! 🗺️2 New Maps 🐸2 New Runners 🏃Improved Movement System 💬Emotes, Text Chat ...and more. Check this Steam post out for more details: 🔗
0:20

SpeedRunners 2 Demo is coming to Steam on February 20! 🗺️2 New Maps 🐸2 New Runners 🏃Improved Movement System 💬Emotes, Text Chat ...and more. Check this Steam post out for more details: 🔗

SpeedRunners 2🏃Play the Demo

233,897 views • 4 months ago

✨ Just published a new Tailwind CSS template! Commit is a beautiful changelog template, built with Next.js, MDX, and a dash of Motion One.
0:34

✨ Just published a new Tailwind CSS template! Commit is a beautiful changelog template, built with Next.js, MDX, and a dash of Motion One.

Adam Wathan

192,324 views • 3 years ago

Live for another playtest today. Pushed loads of performance/compatibility fixes and a new sky arena battle stage. Also improved VFX & lighting, still more work to be done but pretty crazy that this is a browser/mobile game lol.
0:20

Live for another playtest today. Pushed loads of performance/compatibility fixes and a new sky arena battle stage. Also improved VFX & lighting, still more work to be done but pretty crazy that this is a browser/mobile game lol.

wab.eth

26,658 views • 6 months ago

Here is how I made the ✨shiny✨ hover effect using Tailwind CSS.
2:40

Here is how I made the ✨shiny✨ hover effect using Tailwind CSS.

Alfon

71,117 views • 1 year ago

Introducing the new and improved DApp browser! Discover the latest features: 🔸 A new settings menu 🔸 Improved navigation with "back" and "refresh" buttons 🔸 Ease of copying URLs to different devices Try it out ➡️
0:42

Introducing the new and improved DApp browser! Discover the latest features: 🔸 A new settings menu 🔸 Improved navigation with "back" and "refresh" buttons 🔸 Ease of copying URLs to different devices Try it out ➡️

Binance Wallet

160,839 views • 2 years ago