Adam Wathan's Avatar

Adam Wathan

@adamwathan.com.bsky.social

I mostly post on X: x.com/adamwathan

11,832 Followers  |  25 Following  |  36 Posts  |  Joined: 24.10.2024  |  2.1828

Latest posts by adamwathan.com on Bluesky

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 ❀️

04.07.2025 15:53 β€” πŸ‘ 4    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

πŸ’¬ 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.

04.07.2025 15:53 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Video thumbnail

πŸ” 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.

04.07.2025 15:53 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 2    πŸ“Œ 0
Post image

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

04.07.2025 15:53 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Post image

πŸ€– 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.

04.07.2025 15:53 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Sponsor - Tailwind CSS Help keep Tailwind CSS sustainable long term by supporting the project individually or as a company.

Here's the link to learn more:

tailwindcss.com/sponsor

04.07.2025 15:53 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Post image

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 πŸš€

04.07.2025 15:53 β€” πŸ‘ 74    πŸ” 6    πŸ’¬ 4    πŸ“Œ 5

/cc @nicolesullivan.bsky.social looks like a regression here! Will get a WebKit issue filed too πŸ‘

04.04.2025 16:50 β€” πŸ‘ 4    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Video thumbnail

Yep good catch, this looks like a regression in how outline handles high border radius values. Going to hound Safari team to fix.

04.04.2025 16:48 β€” πŸ‘ 6    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Post image

What version of Safari? Looks right here on 17.5:

21.03.2025 00:36 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 3    πŸ“Œ 0
Post image

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

08.01.2025 16:57 β€” πŸ‘ 35    πŸ” 5    πŸ’¬ 1    πŸ“Œ 0

Hey! My honest recommendation is just to create a `safelist.txt` file with all the classes you need and make sure it gets picked up and scanned. We may add something like `@source inline("bg-red-500 flex-col")` though.

Not sure we'll bring back regex safelisting, major antipattern IMO.

06.01.2025 20:46 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

Something I've wanted to play with more for sure, especially since you could still use the `dark:*` stuff for explicit overrides when the automatic stuff isn't quite right.

16.12.2024 19:30 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

Images can’t have pseudo elements so would still need a wrapper.

12.12.2024 11:08 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

Why would you ever need to focus an img element? Focus would be on a button or link that wraps it if it’s meant to be clickable.

12.12.2024 11:07 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

Doesn’t work, image will be in front of the shadow.

12.12.2024 11:05 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Try it on an image, doesn’t work.

11.12.2024 23:38 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Post image

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 πŸ‘ŒπŸ»

11.12.2024 22:36 β€” πŸ‘ 126    πŸ” 3    πŸ’¬ 5    πŸ“Œ 0
Post image

Tailwind CSS just cracked 1 billion total downloads πŸ’ͺ🏻 Wild.

10.12.2024 12:59 β€” πŸ‘ 354    πŸ” 12    πŸ’¬ 32    πŸ“Œ 7

So far I don’t even feel like I have to do that here which is great β€” my mute list on Twitter is like 1000 entries 🫠

10.12.2024 11:08 β€” πŸ‘ 14    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

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.

10.12.2024 02:27 β€” πŸ‘ 82    πŸ” 0    πŸ’¬ 3    πŸ“Œ 0

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.

10.12.2024 02:09 β€” πŸ‘ 373    πŸ” 5    πŸ’¬ 21    πŸ“Œ 0

Right now still need to use the JS APIs for that but hoping to add a CSS-based syntax for 4.1. Was a rabbit hole so had to cut it from 4.0 to stay on schedule.

10.12.2024 02:01 β€” πŸ‘ 0    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0
x.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!

05.12.2024 15:41 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Post image

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!

05.12.2024 14:13 β€” πŸ‘ 35    πŸ” 0    πŸ’¬ 5    πŸ“Œ 0
Post image

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:

30.11.2024 14:58 β€” πŸ‘ 178    πŸ” 12    πŸ’¬ 9    πŸ“Œ 5

Did you try running our migration tool against it? Should update it smoothly if we've done our job right! 🀞🏻

29.11.2024 17:26 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Preview
Tailwind UI - Official Tailwind CSS Components & Templates Beautiful UI components and templates by the creators of Tailwind CSS.

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

tailwindui.com

29.11.2024 16:07 β€” πŸ‘ 8    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Post image

Migrated the actual Tailwind UI website to the v4.0 beta this morning πŸ’…πŸ»

(There's a Black Friday deal there too btw πŸ‘€)

29.11.2024 16:06 β€” πŸ‘ 105    πŸ” 3    πŸ’¬ 5    πŸ“Œ 1

Yeah doesn't do anything special, just semantically very appropriate for my use case which is satisfying πŸ‘

28.11.2024 22:24 β€” πŸ‘ 7    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

@adamwathan.com is following 20 prominent accounts