Adam Wathan's banner

Adam Wathan

@adamwathan • 291,971 subscribers

Markdown engineer. Creator of @tailwindcss. Listener of Slayer. Austin 3:16.

Shorts

My biggest regret in life is not putting 405 on the bar instead of 400 on this day back in 2015.

My biggest regret in life is not putting 405 on the bar instead of 400 on this day back in 2015.

2,142,427 просмотров

Too excited to be more strategic about sharing — demos coming this week ✨

Too excited to be more strategic about sharing — demos coming this week ✨

540,802 просмотров

Something I've started doing lately is moving all of my styles to the root element. This keeps all of the styling in one place, and keeps the rest of my code super clean ✨ 😏

Something I've started doing lately is moving all of my styles to the root element. This keeps all of the styling in one place, and keeps the rest of my code super clean ✨ 😏

365,211 просмотров

Spent the last 2.5 hours on my hands and knees smoothing out every connection in the interlocking rubber floor tiles in my gym with a tiny screwdriver. Even in the age of AI it’s still satisfying to do the brainless tedious work yourself sometimes.

Spent the last 2.5 hours on my hands and knees smoothing out every connection in the interlocking rubber floor tiles in my gym with a tiny screwdriver. Even in the age of AI it’s still satisfying to do the brainless tedious work yourself sometimes.

96,878 просмотров

The rest of us are out here A/B testing our checkout screens but this is what it looks like to try and purchase a Windows license and Microsoft is the second most valuable company in the world 🤡

The rest of us are out here A/B testing our checkout screens but this is what it looks like to try and purchase a Windows license and Microsoft is the second most valuable company in the world 🤡

159,105 просмотров

Looks like Shopify just shipped a redesign! Built with Tailwind CSS 🤩

Looks like Shopify just shipped a redesign! Built with Tailwind CSS 🤩

451,709 просмотров

Sneak peek at some stuff 🫣 This is our local development environment where we can compare what the models generate by default to what they generate with our opinions layered in. So much more to do, but already obvious improvements from just focusing on little details like hanging punctuation, card content alignment, lighting/elevation cues, and edge highlighting of avatars.

Sneak peek at some stuff 🫣 This is our local development environment where we can compare what the models generate by default to what they generate with our opinions layered in. So much more to do, but already obvious improvements from just focusing on little details like hanging punctuation, card content alignment, lighting/elevation cues, and edge highlighting of avatars.

57,342 просмотров

Today we shipped a big rebrand that's been in the works for way too long — Tailwind UI is now Tailwind Plus ✨ Still one-time purchase, still the same price, just a new name with new possibilities.

Today we shipped a big rebrand that's been in the works for way too long — Tailwind UI is now Tailwind Plus ✨ Still one-time purchase, still the same price, just a new name with new possibilities.

160,120 просмотров

✨ Fully declarative, HTML-driven command palette, with no custom JS, and no framework. Works everywhere, no matter how you like to build your apps. Just one small part of a big release coming this week 🫣

✨ Fully declarative, HTML-driven command palette, with no custom JS, and no framework. Works everywhere, no matter how you like to build your apps. Just one small part of a big release coming this week 🫣

95,395 просмотров

Got this scrolling fade out thing working that I got stuck on on stream yesterday after pairing on it with Robin Malfait and Sam Selikoff this morning 👌🏻 Way more complicated than you would ever think 😅

Got this scrolling fade out thing working that I got stuck on on stream yesterday after pairing on it with Robin Malfait and Sam Selikoff this morning 👌🏻 Way more complicated than you would ever think 😅

85,876 просмотров

Deployed the first Tailwind CSS v4-powered website to the internet this afternoon 🥳 Native cascade layers, `@property` definitions, `color-mix()`, and variables galore 🤩

Deployed the first Tailwind CSS v4-powered website to the internet this afternoon 🥳 Native cascade layers, `@property` definitions, `color-mix()`, and variables galore 🤩

91,538 просмотров

Stripe's Black Friday dashboard is built with Tailwind CSS 🥳

Stripe's Black Friday dashboard is built with Tailwind CSS 🥳

97,661 просмотров

✨ Added a brand new Bento Grids category to Tailwind UI today!

61,856 просмотров

Every single component is full of unexpected paralyzing decisions but it's coming together... Can't wait to get this kit out the door 🥳

Every single component is full of unexpected paralyzing decisions but it's coming together... Can't wait to get this kit out the door 🥳

86,217 просмотров

The reason this stupid project is never going to be done is because tiny super hard to fix glitches that sometimes happen and sometimes don't that you find when testing things on different devices 😭

The reason this stupid project is never going to be done is because tiny super hard to fix glitches that sometimes happen and sometimes don't that you find when testing things on different devices 😭

80,098 просмотров

✨ Big Tailwind Plus update today — we added dark mode support to all of the marketing and application UI blocks! Now you can preview + copy any of these examples with just light mode styles, just dark mode styles, or with both light/dark support 🌒

✨ Big Tailwind Plus update today — we added dark mode support to all of the marketing and application UI blocks! Now you can preview + copy any of these examples with just light mode styles, just dark mode styles, or with both light/dark support 🌒

34,269 просмотров

🪄 Here's a quick demo of something I just used the new Notion Agent stuff for… Not performing miracles, just saving me a bunch of time doing tedious crap, and I love it.

🪄 Here's a quick demo of something I just used the new Notion Agent stuff for… Not performing miracles, just saving me a bunch of time doing tedious crap, and I love it.

33,097 просмотров

Saw Sam Selikoff and Ryan Toronto launched a $149 lifetime pricing option for Build UI and immediately grabbed myself an account 💪 Super underrated pricing model for content businesses in my opinion — going to do a whole podcast episode on it soon.

Saw Sam Selikoff and Ryan Toronto launched a $149 lifetime pricing option for Build UI and immediately grabbed myself an account 💪 Super underrated pricing model for content businesses in my opinion — going to do a whole podcast episode on it soon.

89,210 просмотров

Brought back the ability to copy colors from the Tailwind docs — regular click will copy the OKLCH value, shift+click will copy the nearest hex value 👍🏻 Useful for Figma and stuff, or to just steal our colors and use them with some other CSS framework you hate less.

Brought back the ability to copy colors from the Tailwind docs — regular click will copy the OKLCH value, shift+click will copy the nearest hex value 👍🏻 Useful for Figma and stuff, or to just steal our colors and use them with some other CSS framework you hate less.

44,340 просмотров

For the hat trick, here's my third horrible Safari bug of the day… Registering custom properties with the right type causes this element to change height for a second on hover 👍 So I guess we can't support gradient transitions in v4 🫠

For the hat trick, here's my third horrible Safari bug of the day… Registering custom properties with the right type causes this element to change height for a second on hover 👍 So I guess we can't support gradient transitions in v4 🫠

47,823 просмотров

Videos

Anya Rossi

sweetdream.ai

SweetDream.ai•Sponsored•Livecam

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Exclusive private shows

1.2k viewers online

Private Show

Join now for exclusive access

Free preview available • Premium content

🎧 Recorded a new morning walk this morning, hard one to share because I'm sure people will want to roast me for it but have been transparent up until now so publishing it anyways.

🎧 Recorded a new morning walk this morning, hard one to share because I'm sure people will want to roast me for it but have been transparent up until now so publishing it anyways.

1,989,081 просмотров • 4 месяцев назад

Quick demo — generating multiple design ideas to choose from, no matter what tech stack you use:

Quick demo — generating multiple design ideas to choose from, no matter what tech stack you use:

274,182 просмотров • 1 месяц назад

✨ 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.

✨ 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.

506,097 просмотров • 1 год назад

Just shipped Oatmeal — our first multi-theme marketing site kit for Tailwind Plus 🥣 Multiple color and font options, and a big collection of highly composable elements that you can piece together into exactly the site you need.

Just shipped Oatmeal — our first multi-theme marketing site kit for Tailwind Plus 🥣 Multiple color and font options, and a big collection of highly composable elements that you can piece together into exactly the site you need.

111,416 просмотров • 5 месяцев назад

She was by herself with the baby, came home and wasn’t feeling well and had zero memory of anything happening, she just thought she came home because she was feeling dizzy. Couldn’t find her phone later in the afternoon, tracked it and found it in the stroller which she had left behind on the walk and had no idea she did it. She carried the baby home in her arms after the seizure and has no memory of doing that at all. Was down for 8 minutes with the baby before finally managing to get to her feet and stumble home. By pure luck our neighbors caught it on their security camera, scariest thing I’ve ever watched 😣 So scary that this can just happen to anyone with no warning. Hopefully just a freak thing 😰

She was by herself with the baby, came home and wasn’t feeling well and had zero memory of anything happening, she just thought she came home because she was feeling dizzy. Couldn’t find her phone later in the afternoon, tracked it and found it in the stroller which she had left behind on the walk and had no idea she did it. She carried the baby home in her arms after the seizure and has no memory of doing that at all. Was down for 8 minutes with the baby before finally managing to get to her feet and stumble home. By pure luck our neighbors caught it on their security camera, scariest thing I’ve ever watched 😣 So scary that this can just happen to anyone with no warning. Hopefully just a freak thing 😰

32,129 просмотров • 1 месяц назад

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

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

140,090 просмотров • 1 год назад

Jumped on the mic with DHH to record a spur of the moment podcast about Omarchy, and how the fuck you even start designing your own operating system on top of Arch Linux?! Super fun chat as always.

Jumped on the mic with DHH to record a spur of the moment podcast about Omarchy, and how the fuck you even start designing your own operating system on top of Arch Linux?! Super fun chat as always.

98,558 просмотров • 9 месяцев назад

✨ Just published the keynote presentation from Tailwind Connect! I shared some plans for the future of the framework, Sam Selikoff showed off some great modern CSS demos, and Steve Schoger imparted his design wisdom. Watch it here or on YouTube 🎬

✨ Just published the keynote presentation from Tailwind Connect! I shared some plans for the future of the framework, Sam Selikoff showed off some great modern CSS demos, and Steve Schoger imparted his design wisdom. Watch it here or on YouTube 🎬

250,196 просмотров • 2 лет назад

It really does sound a lot more satisfying doesn't it? 😬

It really does sound a lot more satisfying doesn't it? 😬

75,873 просмотров • 9 месяцев назад

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

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

106,319 просмотров • 1 год назад

🎁 Day 3... Catalyst v0.1.0 is here! 🥳 Our first fully-componentized, batteries-included application UI kit for React 🤝🏻

🎁 Day 3... Catalyst v0.1.0 is here! 🥳 Our first fully-componentized, batteries-included application UI kit for React 🤝🏻

186,033 просмотров • 2 лет назад

Released a new Tailwind CSS template today 🫣

Released a new Tailwind CSS template today 🫣

180,193 просмотров • 2 лет назад

🎧 Last week I talked to Justin Jackson about the big hiring project we just wrapped up at Tailwind Labs — 1600 people applied for the roles. We hired two people, and neither of them actually applied. Not how I expected it to go — lots of surprising takeaways and lessons learned.

🎧 Last week I talked to Justin Jackson about the big hiring project we just wrapped up at Tailwind Labs — 1600 people applied for the roles. We hired two people, and neither of them actually applied. Not how I expected it to go — lots of surprising takeaways and lessons learned.

134,837 просмотров • 2 лет назад

🚀 Shipped the little video series I've been working on! It's called "Build UIs that don't suck", and it walks through a bunch of my favorite tricks I've picked up over the years trying to build incredibly high-quality, bullet-proof UIs.

🚀 Shipped the little video series I've been working on! It's called "Build UIs that don't suck", and it walks through a bunch of my favorite tricks I've picked up over the years trying to build incredibly high-quality, bullet-proof UIs.

90,548 просмотров • 1 год назад

🎧 Trying a new podcast idea — just me by myself talking about what I'm wrestling with, while walking my dog in the morning. No production value — just raw, transparent thoughts. Curious what you think and if you find it interesting!

🎧 Trying a new podcast idea — just me by myself talking about what I'm wrestling with, while walking my dog in the morning. No production value — just raw, transparent thoughts. Curious what you think and if you find it interesting!

43,741 просмотров • 6 месяцев назад

🎧 More morning walk thoughts — what we're working on now, and what I think I'm going to work on next.

🎧 More morning walk thoughts — what we're working on now, and what I think I'm going to work on next.

37,379 просмотров • 6 месяцев назад

Captured for your entertainment 👨🏻‍🦲

Captured for your entertainment 👨🏻‍🦲

21,489 просмотров • 3 месяцев назад

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

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

91,473 просмотров • 1 год назад

This Matic Robots fella is the only robot I would trust with balloon ribbon sitting on the ground 🤖

This Matic Robots fella is the only robot I would trust with balloon ribbon sitting on the ground 🤖

39,175 просмотров • 9 месяцев назад

Been working on this application layout component for Catalyst for the past couple of weeks, getting close! APIs are the hardest part but happy with how it's coming along.

Been working on this application layout component for Catalyst for the past couple of weeks, getting close! APIs are the hardest part but happy with how it's coming along.

73,358 просмотров • 2 лет назад