Out-of-the-box `:has(...)` support coming in the next version of Tailwind 💅
13
25
459
Follow
Click to Follow tailwindcss
Tailwind CSS
@tailwindcss
The utility-first CSS framework. Rapidly build modern websites, without ever leaving your HTML.
tailwindcss.comJoined August 2017
Tailwind CSS’s Tweets
✨ Registration for Tailwind Connect 2023 is open!
Grab a ticket and come hang out with us in person next month to see what we've been working on, hang out with the community, and make some new friends 🤝🏻
28
37
185
TIL that can actually support CSS properties that aren't included in their utilities. Hugely useful for modifiers and dynamic CSS variables.
5
18
147
✨ Excited to announce Tailwind Connect 2023 — the first-ever Tailwind CSS live event!
Come hang out with us for the night and see what we've been working on.
📅 June 20, 2023 @ 6PM
📍 Tapestry Hall in Cambridge, ON
🎟️ Registration opens May 17th
54
170
1,234
Excited to announce that CodeSandbox now has full integration! ✨✨
Projects using Tailwind will now automatically get:
- Classname autocomplete
- Linting
- Color highlighting
- Hover previews
Our Next template has it by default: codesandbox.io/p/sandbox/fxis
16
103
631
Show this thread
Great video that shows off some of the dynamic variant stuff we added to Tailwind recently 💅
Quote Tweet
New YouTube video!
I got so excited playing around with the alpha release of React Aria Components this week — check out how easy it is to make an animated *pressable* Switch using nothing but Tailwind:
youtu.be/T-pr-rZgMlQShow this thread
4
62
✨ We just released Commit — a brand new changelog template we designed, built with Tailwind CSS and Next.js!
Lots of nice little details in this one, check out the live demo here 👉
tailwindui.com/templates/comm
15
43
349
We published a very short article about why we use at . TLDR: it makes our team more productive
11
14
166
Show this thread
3
13
77
Just added OpenAI and ChatGPT to our showcase — built with Tailwind CSS 🎉
12
22
494
✨ Just tagged Tailwind CSS v3.3!
Highlights include:
🎨 Extended color palette
📦 ESM/TS config support
🧠 Logical properties
🌈 Gradient color stop positions
📏 New line-height shorthand
🗜️ Line-clamp out of the box
...and a bunch more.
79
479
2,355
📊 Where do you use Tailwind?
- At work + side-projects66.7%
- Just side-projects26.1%
- Tailwind sucks7.2%
7,155 votesFinal results
65
8
105
Useful trick if you ever need to use inline styles because a value is coming from the database or something but also need to change those styles on hover or similar —
Use those values to set CSS variables using inline styles, then use arbitrary values to read the variables 🧠
30
127
1,338
Just merged ESM and TS config file support 🫣
If you're up for testing it out:
`npm i tailwindcss@insiders`
...I could use a soul-crushing bug report for my birthday.
9
16
146
Phoenix 1.7.0 final is out! 🐥🔥
Built-in , Verified Routes, LiveView Streams, and more. Check the announcement for details:
phoenixframework.org/blog/phoenix-1
15
239
696
I thought these buttons looked especially nice, so recreated them using 😊
play.tailwindcss.com/gFBEo6bo0i
Quote Tweet
Created @trycampsite inspired buttons using only: 1x Stroke, 1x Inner shadow, 1x Drop shadow, and 1x Gradient background.
5
19
190
Show this thread
The team at recently launched an all-new marketing site, built with Tailwind CSS 😍
We just added it to our showcase to highlight some of our favorite details:
tailwindcss.com/showcase/shopi
15
71
895
🚀 Just published a batch of new hero sections to Tailwind UI. Really happy with how these turned out.
Check 'em out 👉🏻
tailwindui.com/components/mar
12
40
636
Show this thread
As an old web "veteran", coming up as everyone was figuring out how to make the web, I was turned off by the way of using so many CSS classes.
But over the past ~2 years it's become an absolutely indispensable part of the way I build. Absolutely love it.
29
16
331
👨🔬 Quick proof-of-concept for browser-specific variants in Tailwind...
Better to use `@supports` most of the time, but sometimes you still need to make style tweaks because of browser-specific quirks 👍
play.tailwindcss.com/UV2b5JS7iq
34
34
489
┏━━┓┏━━┓┏━━┓┏━━┓
┗━┓┃┃┏┓┃┗━┓┃┗━┓┃
┏━┛┃┃┃┃┃┏━┛┃┏━┛┃
Use Tailwind
┃┏━┛┃┃┃┃┃┏━┛┗━┓┃
┃┗━┓┃┗┛┃┃┗━┓┏━┛┃
┗━━┛┗━━┛┗━━┛┗━━┛
120
304
2,505
Just shipped a new page for the Showcase site: Lemon Squeezy 🍋
It's the first showcase we've done for a web app (vs. website).
Thanks to for letting me into the staging server!
Check it out 👇
6
15
185
🥳 Excited to drop another new Tailwind CSS template today!
Introducing Protocol — a beautiful starting point for your next API documentation website 📡
tailwindui.com/templates/prot
46
116
1,148
Show this thread
⚡️ Want to build your next idea even faster?
Today is the last day of our Black Friday deal where you can buy Tailwind UI + our acclaimed design book Refactoring UI together and save over 30% 🫣
It's the best way to support our work on Tailwind CSS! ❤️
tailwindui.com/all-access
7
8
49
If you've been waiting for an excuse to pick up Tailwind UI or Refactoring UI, we're doing a Black Friday bundle where you can buy them together and save $150 🫣
Running from now through November 28th 💸
tailwindui.com/all-access
44
98
562
Hacked on an idea for terser font-size/line-height declarations using the new generalized modifier stuff we added in Tailwind CSS v3.2... 👨🏻🔬
github.com/tailwindlabs/t
20
20
266
✨ New site for the showcase this week — the brand new website for Microsoft .NET!
Is this the example you needed to finally convince your boss to let you spend less time styling and more time shipping? Maybe 🫣
9
39
247
I’ve heard criticism of that it doesn’t scale well. Aside from obvious CSS file size arguments — how have you seen large projects using Tailwind scale well?
34
5
69
TIL that can automatically strip hover styles for mobile devices. No more desktop styles affecting taps!
github.com/tailwindlabs/t
read image description
ALT
26
179
1,576
Phoenix 1.7.0-rc.0 is out! So much good stuff in this release – by default, HTML-aware component system with compile-time checks, verified routes, and more!
👉phoenixframework.org/blog/phoenix-1
25
188
616
🥳 Big milestone today — Tailwind CSS turns 5 years old!
We released the very first version of Tailwind CSS on Halloween night in 2017 👻
(Special thanks to for this amazingly relevant photo 🎃)
41
75
1,017
Show this thread
I am checking the source code for an app developed with which I hadn't touched in over 3 years.
It is mind blowing how I can immediately understand the code and make changes to it with such confidence.
I guess that is what maintainable code is supposed to be like.
10
54
587
Show this thread
Got super high-end custom Tailwind hockey jerseys made for everyone on the team, with a meaningful number for each person that relates to their specific contributions here ❤️ Feels great to be able to give these to everyone in person!
28
11
435
Took a stab at converting a win95.css component to .
alexbsoft.github.io/win95.css/
play.tailwindcss.com/ppSo8v8czq
7
6
73
Last week we released Tailwind CSS v3.2 with support for container queries! 🥳
This week put together a video that walks through how it all works in Tailwind, and how much they can simplify your code:
4
26
170
🚀 We just released Tailwind CSS v3.2 and it's huge!
🧁 Multi-config support with `@config`
🍭 Max-width and dynamic breakpoints
🍫 ARIA variants
🍪 Data attribute variants
🍬 `@supports` variants
🍦 Nested groups
🍰 Container queries
…and more 🤤
51
418
1,950
✨ This week we added the GitHub Next website to our showcase — built with Tailwind CSS + Next.js 🤝
17
146
Just published a new Tailwind CSS v3.2 pre-release announcement!
Read through the changes and improvements and beat the shit out of it so we feel good about cutting a release this week 🥳
13
51
379