X Stats
Login Sign Up
@adamwathan

Adam Wathan

@adamwathan

799 Tweets
803 Following
270,444 Followers

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

Tweets Topics Chat

Filter by views

All 799 < 25k 430 25k - 100k 279 100k+ 90
Date ↓ Tweet ❀️ πŸ”„ πŸ’¬ πŸ‘ πŸ“
Dec 10 One billion πŸš€ https://t.co/I6rTgExR7O 1.7k 35 78 75.2k 37 .
Nov 30 Nothing better than a big grid of color swatches 🌈 https://t.co/ZW25Oq8kkb 540 7 18 27.3k 74 .
Nov 30 🀩 Planning out a new office/studio design with @theKevinShen and need to gather some inspiration β€” who's got your favorite setup? Looking for lighter/more natural feeling spaces, not neon dark mode gamer stuff πŸ˜„ 78 1 19 29.4k 212 .
Nov 30 Little Tailwind tip β€” instead of trying merge classes and manage conflicts with `!important`, style things based on data or ARIA attributes and just handle everything declaratively with CSS: https://t.co/12V9SE7mkH 1.3k 103 27 78.5k 214 .
Nov 29 Migrated the actual Tailwind UI website to the v4.0 beta this morning πŸ’…πŸ» (There's a Black Friday deal there too btw πŸ‘€) https://t.co/JcuyfE9n6J 494 11 15 31.3k 143 .
Nov 27 In Tailwind CSS v4 a lot of utilities just let you put in any value you want now, like `col-start-71`, `z-43`, etc. so it's kind of weird to show a specific list of values in the API reference on the docs pages. If I did something like this instead, is it clear enough? https://t.co/tzDQttHl0Y 982 32 71 64k 294 .
Nov 27 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 🫠 https://t.co/rvJoS7crDn 290 8 21 48k 260 .
Nov 26 🀯 that’s it! That’s the business model! 347 5 12 32.4k 39 .
Nov 26 Sad discovery β€” interpolating in OKLCH is broken in Safari < 18 when fading to gray or transparent (notice the pink?), so I think we have to use OKLAB by default πŸ˜• Will still be able to do `bg-linear-to-r/oklch` when you explicitly want it at least πŸ‘ https://t.co/W601gtQcqc 342 10 17 36.5k 278 .
Nov 25 Rebuilding the Tailwind docs with Next.js 15 and React Server Components for the v4 docs β€” it's such a delight to do stuff like syntax highlighting on the server instead of shipping all that stuff to the client 🀩 https://t.co/B8ySt2BYE9 932 27 22 61.3k 236 .
Nov 25 Is there a VS Code extension for syntax highlighting tagged template literals like this? Stuff like Prettier already works on the string as if it's code when I do this, but would love syntax highlighting Β πŸ€” https://t.co/I88L2Lq5c0 306 11 16 57.6k 230 .
Nov 25 Just pushed up our Black Friday deal! We set up a special Tailwind UI + Refactoring UI bundle where you can buy both and save $150 πŸ’° If you've ever wondered how to support our OSS, this is how 🀝🏻 Running from now through December 2nd πŸ—“οΈ https://t.co/EZxw41YrNu https://t.co/oWBkLBMcWR 384 28 17 57.9k 288 .
Nov 24 Finally going to start building this on Monday πŸ₯΅ Holy shit it takes a long time to do anything when projects get bigger and more mature β€” insane respect for large companies that get anything done at all, let alone quickly. 409 5 11 38.6k 222 .
Nov 22 Did end up adding this in v4.0.0-beta.1, became convinced this morning that it sucks, removed for beta.2 which will be out in a few minutes πŸ™ˆ One fewer breaking change at least πŸ‘πŸ» 192 2 9 33.7k 180 .
Nov 22 In case you missed it, I did a live-stream with @samselikoff yesterday where I showed him a bunch of the cool new stuff the Tailwind CSS v4.0 beta πŸ”₯ https://t.co/mTLWp8Rjld 265 15 9 36.7k 172 .
Nov 21 Exploring Tailwind CSS v4.0 with @samselikoff πŸ€™πŸ» https://t.co/HfUskJHset 278 20 5 26.9k 72 .
Nov 20 Am I ever going to be done?! 😫 This is a big page. https://t.co/TsckEG6NV3 623 2 34 51.7k 74 .
Nov 18 Lots of docs to write for the beta release tomorrow πŸ₯΅ https://t.co/dqzEyIeRvJ 571 18 17 52.8k 77 .
Nov 14 Heads up β€” if all of a sudden your custom text selection colors stopped working in Chrome today (like it did on The Verge and Bloomberg 😬), enable this feature flag in your `tailwind.config.js` file or update to tailwindcss@3.4.15. https://t.co/uU5paHJS4U 206 14 5 28.3k 255 .
Nov 14 Default `<input>` widths in different browsers: Chrome: 147px Safari: 180px Firefox: 189px Who picked these numbers? Why did they pick these numbers? 147px? Really? 970 29 43 97.1k 172 .
Nov 13 πŸ‘‹πŸ» Do you design and build website templates with Tailwind CSS? We're looking for a few initial partners to experiment with an official template marketplace on https://t.co/VOnSF2ao3p πŸ›οΈ Reply with a link to your templates and we'll reach out if it looks like a good fit! 368 21 57 50.6k 273 .
Nov 13 In Tailwind CSS v4 you'll be able to specify the color interpolation mode for gradients as part of the utility πŸ’…πŸ» https://t.co/nFaUoAUxrk 1.1k 31 18 58.1k 137 .
Nov 12 Excited to see what Matt does with Motion One going forward and proud to be one of his first sponsors β€” the library is magical and delightful in all of the best ways πŸͺ„ 372 5 2 29.7k 167 .
Nov 08 Related question to my other tweet β€” This is what file inputs already look like in v3 right now (top)… Would you rather they look like the bottom? https://t.co/MxRVSkdkdX 126 1 60 35.4k 172 .
Nov 07 In Tailwind, the `*` variant targets direct children. Considering adding `**` to target all children, inspired by glob syntax πŸ€” Can't decide if stupid or awesome… https://t.co/k8ZKI4tFB9 975 21 89 59.1k 188 .
Nov 01 Working on a proof-of-concept for this 🫣 (I have never and will never abide by the results of any poll 😀) 129 1 18 42.7k 106 .
Oct 31 Considering adjusting the shadow scale in Tailwind CSS v4 so there's no `shadow` variable in between `shadow-sm` and `shadow-md` anymore πŸ€” Never felt obvious to me that `shadow-md` would be a bigger shadow than `shadow`. https://t.co/D9F0ZZ7QqY 1.3k 15 92 60.7k 245 .
Oct 18 Want to try a walking pad under my desk β€” there's like 10,000 of these things on Amazon, what's the good one? 106 1 37 48.6k 109 .
Oct 17 The team has been working on this insane codemod tool for v4 🀯 I just updated our new Radiant template from v3 to v4 in a single command, and the upgrade is perfect, including migrating everything from a JS config to a CSS config. Have to make a demo video tomorrow! 393 8 11 27.7k 268 .
Oct 17 Opened a PR to interpolate gradients in Tailwind CSS v4 using OKLCH by default β€” much smoother 🀩 https://t.co/HvRKjQSVe0 1.5k 61 39 91.6k 120 .
Oct 16 First draft of our wide-gamut color palette for Tailwind CSS v4, courtesy of @DanHollick's mad science experiments πŸ‘¨πŸ»β€πŸ”¬ https://t.co/I89LJhkw2l 846 22 20 69.3k 143 .
Oct 13 Anyone love their home WiFi mesh setup? Need to cover about 5500sqft and they don't sell the satellites for my existing Orbi setup anymore so looking for something new πŸ€” I don't like tinkering with this stuff so hoping for something plug and play πŸ™πŸ» 142 4 123 97k 250 .
Oct 09 Does Twitter like home renovation content? We (aka contractors) are doing a ton of stuff right now in this new house and it is so fun watching it all come together, will share photos if people would be into it. 430 1 49 30.6k 210 .
Oct 08 Moved to the new house over the weekend β€” still a total disaster but it’s enough to get back to stuffing classes into HTML attributes πŸ“¦ https://t.co/qJmuqVfL3x 555 3 40 32.4k 159 .
Oct 07 New house has 7 heating/cooling zones β€” anyone set up a smart thermostat system with tons of zones like this? Any recommendations or lessons learned? 36 0 22 25.9k 149 .
Oct 04 Moving day tomorrow β€” most painful part is moving 1755lb of stuff whose sole reason to exist is to be heavy. https://t.co/pqr27Q4Oap 318 0 29 31.3k 132 .
Oct 04 Anyone living on the edge and running the Tailwind CSS v4 alpha in production already? 🫣 244 7 43 76.1k 88 .
Oct 04 What sites have you seen in the wild making use of wide gamut colors β€” colors that are too vibrant to be represented in sRGB? Two I've seen β€” Oxide and Vercel: https://t.co/Jka3dgxUEA 172 5 13 47.5k 184 .
Oct 04 New @poolsideai site is incredible β€” awesome job @almonk, @dizzyup, and co πŸ‘πŸ» Built with Tailwind of course πŸ’…πŸ» https://t.co/4y15u2BVBg 264 11 5 30.6k 135 .
Oct 02 What can I say except "you're welcome"? 🌊🌺🌴 657 10 11 46.1k 43 .
Oct 02 Heavily considering setting `color-scheme: light dark` by default in Tailwind 4 πŸ€” What’s the best reason to not do it? 231 3 21 48k 119 .
Oct 01 πŸ” The Tailwind Labs algorithm… 1️⃣ Design and build cool websites for Tailwind UI. 2️⃣ Pause any time it's annoying, improve Tailwind or Headless UI to make it easier. 3️⃣ Extract components from website and add to Tailwind UI. Repeat until so bored want to quit tech. 479 10 11 28.5k 272 .
Sep 28 Being a very successful author has gotta be the best gig on the planet. β€’ No one to manage β€’ No customer support β€’ Nothing to maintain β€’ Many don't get recognized on the street β€’ Writing is fulfilling The "very successful" part is very important and very hard though πŸ™‚ 414 5 26 52.3k 270 .
Sep 27 Still Tailwind, phew πŸ₯΅πŸ˜„ Looks killer πŸ’…πŸ» 284 4 4 37.5k 39 .
Sep 26 Eight years apart! https://t.co/40QgliuygM 919 14 34 59.4k 42 .
Sep 25 Another pattern we use a lot β€” instead of conditionally adding classes, conditionally set a data attribute and use the `data-*` variant to add styles. Feels a bit more Tailwind-y and your class strings are a little less messy without the ternaries and stuff. https://t.co/1aZgmJlaIZ 687 55 27 52.1k 283 .
Sep 25 If you need truly dynamic styles with Tailwind, the pattern I always reach for is setting a CSS variable dynamically as an inline style, and referencing that CSS variable with a static class. This is easy for Tailwind to statically analyze, and produces less CSS too. https://t.co/H6B0VFiIwi 1.3k 72 45 95.2k 292 .
Sep 24 ✨ Added a brand new Bento Grids category to Tailwind UI today! https://t.co/ao5RGRwn33 1.1k 36 25 61.4k 86 .
Sep 24 ✨ Lots of goodies in the latest Tailwind CSS v4 alpha! https://t.co/DAvlvdeklQ 537 31 9 35.4k 78 .
Sep 22 Fun fact β€” Tailwind does over 10 million installs every week now πŸ’ƒ 1.1k 32 33 82.3k 66 .
Sep 22 Looking back, leaving my full-time job and trying to do my own thing just because I made $60k on a book launch feels sort of crazy. But if I hadn’t done it there’d probably be no Tailwind CSS and my life would be completely different. Take risks πŸ’ͺ🏻 https://t.co/hy7MVxejWv 947 40 29 80.3k 275 .
Sep 22 Wonder how easily we could build something like this that auto-generates and inserts a <style> tag with the keyframes and returns a unique generated animation name… Would be much nicer than defining global keyframes. https://t.co/9LAAtcDZRn 189 5 10 37.4k 247 .
Sep 22 I’d use CSS animations over JS animations a lot more if there was a way to do it without creating annoying global naming collision-prone keyframe identifiers πŸ˜• Give me keyframes in an inline style that only even exist for that element. 396 13 27 60.1k 236 .
Sep 21 Do we have consensus these days on the best way to avoid sticky hover states on mobile without JS? Do we like `hover: hover`, `any-hover: hover`, `pointer: fine`, or some combination? All have downsides, who has the best argument for picking one anyways? https://t.co/uSQUnHH7PU 83 8 6 40.6k 279 .
Sep 20 Naming the Tailwind variant for this media feature is impossible 🫠 `hover-hover:hover:bg-black` https://t.co/iud5dQkRpH 467 9 44 88.4k 120 .
Sep 19 Working on `pointer: fine` and `pointer: coarse` variants for v4… Will I regret getting cute with the names `pointer` and `touch`? πŸ€” https://t.co/M9RMdVMP7L 173 8 38 48.2k 157 .
Sep 19 ✨ Working on conic and radial gradient support for Tailwind CSS v4 this afternoon… https://t.co/CE738MlHZ2 490 16 15 36.7k 106 .
Sep 19 So @PhilippSpiess replaced `postcss-import` with his own hand-rolled CSS `@​import` resolver and now Tailwind CSS v4 is another ~3.5x faster for a typical project πŸ₯Ή https://t.co/a0BZT3IOQd 520 16 7 36.1k 188 .
Sep 19 Alternatively I'll happily pay anyone who can figure out how to make all of our GitHub Actions run like 10x faster with whatever voodoo is required. Example run in the reply πŸ‘‡πŸ» 61 3 21 36.4k 177 .
Sep 19 Anyone running Windows CI stuff through something other than GitHub Actions for better performance? If so what service are you using? Slow CI stuff is grinding my soul into dust lately β€” so over waiting like 10 minutes for CI to run to merge a PR. 28 1 22 50.5k 249 .
Sep 18 ✨ Small improvement for Tailwind CSS v4 β€” If you set a custom shadow color, we'll preserve it when you change the shadow size instead of resetting it back to black 🀝🏻 https://t.co/2zJUbIsWtl 790 23 12 40.8k 191 .
Sep 16 In Tailwind, every font size utility includes a sensible default line-height for that size. But this means that even if you explicitly set `leading-tight`, a class like `lg:text-2xl` will override that line-height at `lg` screens. I can "fix" this β€” would it be better? https://t.co/Wzkr3w1932 368 14 70 58k 295 .
Sep 15 Anyone ever hosted a Laravel app as a path within a Next.js app? https://t.co/Jfb8bhlsk9 ← Next.js https://t.co/OkwZ94NIio ← Laravel Have ideas that would work but want to make sure I'm not missing a better approach! 180 6 49 77.6k 219 .
Sep 11 What would you expect the start and end columns to end up being at the `lg` breakpoint? https://t.co/K0M6IOq68b 59 2 24 28.4k 111 .
Sep 10 πŸ“Ί My Laracon talk "Designing a Component Library" is up on YouTube! It's a deep-dive into how I think about building and styling reusable components, and how using CSS instead of JS can actually make things more flexible. https://t.co/3u6DjBsQpX 283 31 12 44.2k 247 .
Sep 05 Who's got the most compelling opinion on when to use dependencies vs devDependencies in bundled web apps these days? Feels like it just doesn't matter, what do you do and why? 209 7 59 54.4k 176 .
Sep 05 I have *so* much admiration for Taylor and what he’s accomplished β€” I owe basically my entire career to him and the community he’s built. Really excited for this next chapter πŸ₯³ 626 9 2 59.2k 177 .
Sep 05 Still Tailwind though πŸ’…πŸ» 1k 15 12 87.5k 24 .
Sep 02 Quick demo of JS config file support and plugin support in the latest Tailwind CSS v4 alpha 🫣 https://t.co/3ctK6dtPm4 826 86 38 90.2k 117 .
Aug 31 Should have a new Tailwind CSS v4 alpha ready this week that includes most of the important backwards compatibility stuff needed to play with it in your v3 projects, including JS config file and plugin support 🀞 625 30 19 49.9k 211 .
Aug 24 I must be going crazy β€” where the hell is the border radius control in this new Figma UI? πŸ€” https://t.co/blm9nqOSVB 123 0 18 42.4k 115 .
Aug 20 For the $1600/month we spend on Twitter, all I really want is a β€œclear Twitter card image cache” button. 376 0 26 71.4k 104 .
Aug 17 Just got the typography plugin working with v4 πŸ₯Ή Didn't think this one was even going to be possible. 333 2 7 28.1k 101 .
Aug 16 You're all doing too much super weird shit in your custom Tailwind plugins, and making this backwards compatibility work I'm doing for v4 a total nightmare πŸ˜„ 380 2 19 52.5k 157 .
Aug 13 I try to make the tests in our test suite as realistic as possible, so when I needed some hex codes for a color I called "potato", I grabbed the eye dropper tool and dropped this into https://t.co/OZWe4cPhZf 🎨 Was very impressed that it happened to name the color "russet" πŸ₯” https://t.co/NMFQKkllJF 516 24 10 32.3k 299 .
Aug 08 Haven’t deadlifted over 275 in years because of an old back injury. Pretty happy to find out I can still throw around 405 without any trouble this morning πŸ’ͺ🏻 https://t.co/V8hrg2TJeV 427 2 42 59.5k 183 .
Aug 07 We shipped Tailwind CSS v3.4.8 today which will warn you if it detects a mistake like this in your configuration πŸš€ 377 24 7 48.4k 114 .
Aug 06 Most people in the comments think this is impossible but I bet I could come up with 15 classes that are only 3 lines of CSS, maybe tomorrow I’ll try to produce the worst ratio possible with our current APIs πŸ˜‡ 382 7 11 49.6k 208 .
Aug 03 About to drill some holes into the most expensive thing I’ve ever bought, wish me luck πŸ˜„ Installing a trem stopper in my PRS Custom 24! https://t.co/GTSvKF8nGI 95 0 15 27.6k 160 .
Showing 201-279 of 279 tweets
← Prev 1 2 3 Next β†’