Adam Wathan

Adam Wathan

@adamwathan.com

I don’t post here, follow me on X: x.com/adamwathan

12.2K followers 25 following36 posts

@adamwathan.com

Finally launched a sponsorship program for Tailwind CSS, with a bunch of cool perks ✨ 💬 Private Discord community 🤖 Cursor/Claude rules 🎨 Beautiful VS Code themes 🔍 Raycast extension 📚 Early documentation 🫣 Behind-the-scenes source code + Figma files We're calling it Tailwind Insiders 🚀

View full thread

@adamwathan.com

💬 I think honestly the best part though is going to be the Discord community — it's already such a better vibe than a giant public server that requires tons of moderation and is full of low quality messages.

@adamwathan.com

And on top of all that you just get to feel good about supporting a project that's hopefully making your front-end development projects a ton more fun ❤️

@adamwathan.com

Finally launched a sponsorship program for Tailwind CSS, with a bunch of cool perks ✨ 💬 Private Discord community 🤖 Cursor/Claude rules 🎨 Beautiful VS Code themes 🔍 Raycast extension 📚 Early documentation 🫣 Behind-the-scenes source code + Figma files We're calling it Tailwind Insiders 🚀

View full thread

@adamwathan.com

🎨 We put together four custom Tailwind-inspired VS Code themes, based on the syntax themes we designed for the Tailwind website. Been using our "Dark (Enhanced)" one for years and could never switch to anything else at this point.

@adamwathan.com

🔍 You get access to this Raycast extension we built for ourselves, which is super handy for getting the CSS for a specific class, checking the specificity of a class, finding the nearest Tailwind color for a hex code, or looking up the nearest sizing utility for a pixel value.

@adamwathan.com

Finally launched a sponsorship program for Tailwind CSS, with a bunch of cool perks ✨ 💬 Private Discord community 🤖 Cursor/Claude rules 🎨 Beautiful VS Code themes 🔍 Raycast extension 📚 Early documentation 🫣 Behind-the-scenes source code + Figma files We're calling it Tailwind Insiders 🚀

@adamwathan.com

Here's the link to learn more: tailwindcss.com/sponsor

tailwindcss.comSponsor - Tailwind CSSHelp keep Tailwind CSS sustainable long term by supporting the project individually or as a company.

@adamwathan.com

🤖 You get access to my ever-evolving custom Cursor/Claude/AGENTS.md rules for getting LLMs to follow Tailwind best practices, use the latest APIs, and generally just produce better code.

@adamwathan.com

We're hosting a local Tailwind Connect meetup — in Miami! 🌴 Come hang out for a night of demos + Q&A with the Tailwind team and connect with other community members over pizza and drinks. 📍 Mindspace Wynwood, Miami FL 🗓️ Jan 21 @ 6pm RSVP to grab your spot: lu.ma/foeqxyz7

@adamwathan.com

You know that annoying absolute positioning trick to add an inset ring around images to help them stand out? Way, way easier these days now that `outline` follows border radius 👌🏻

@adamwathan.com

Tailwind CSS just cracked 1 billion total downloads 💪🏻 Wild.

@adamwathan.com

Swapping my Twitter bookmark for Bluesky for a bit to see how it goes — starting to really appreciate the ability to completely avoid all algo stuff. Just don't want to see anything even close to news at all, and I like that that's easy here.

@adamwathan.com

The second one of you tweets about Jay-Z raping the guy who killed that CEO when he was 13 before launching a crypto scam with that Hawk Tuah chick I'm going back though.

@adamwathan.com

Having a blast working with the dreamstudio.co team on my new office/studio — they put this rough shot together on the fly in like 15 minutes while we were on a call figuring out the layout, lighting, and camera placement in my new space. Total pros 💪🏻 Can't wait to see the finished concept!

@adamwathan.com

If you were following my reno thread on Twitter you might notice this is a different room than where I have my current office — here's the plan: x.com/adamwathan/s... Bluesky doesn't support videos longer than 60s so can't upload directly!

@adamwathan.com

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:

@adamwathan.com

Migrated the actual Tailwind UI website to the v4.0 beta this morning 💅🏻 (There's a Black Friday deal there too btw 👀)

@adamwathan.com

Go poke around in dev tools if you're curious! tailwindui.com

tailwindui.comTailwind UI - Official Tailwind CSS Components & TemplatesBeautiful UI components and templates by the creators of Tailwind CSS.

@adamwathan.com

TIL about the `<var>` element: developer.mozilla.org/en-US/docs/W...

@adamwathan.com

Some people would just use a <span> but I must go dig for hidden treasure in the HTML spec 🏴‍☠️

@adamwathan.com

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?

@adamwathan.com

ICYMI — Tailwind CSS v4.0 is now in beta ✨ tailwindcss.com/blog/tailwin... ⚡ Up to 5x faster builds, 100x faster rebuilds 🧰 Built-in imports, prefixing, and more 🪄 Simplified, CSS-first configuration 🦾 Modern CSS features like @starting-style and container queries 🎨 New wide-gamut color palette

tailwindcss.comTailwind CSS v4.0 Beta 1 - Tailwind CSSAfter a long alpha period, we're excited to release the first public beta of Tailwind CSS v4.0.

@adamwathan.com

Let's give this a shot 🙂 The biggest thing that has held me back until now is being mislabeled as one of the people leaving Twitter out of protest, but if this is where people are hanging out, I'll hang too 🤙🏻

You are up to date.