🚀 New screencast day!
Learn how to do cool stuff like multi-line text gradients and other quirky tricks with `box-decoration-break` — a super handy CSS property I didn't even know existed until like 2 months ago 😄
youtube.com/watch?v=C9ccfaIl…
🚀 New screencast day!
Learn about all the cool stuff you can do with the new `mix-blend-mode` and `background-blend-mode` utilities added in v2.1 🤯
youtube.com/watch?v=Z42les2f…
Sneaked out a little Tailwind CSS IntelliSense update at the end of last week 👀 The extension now includes full support for JIT mode! ✨ Install or update now to check it out: marketplace.visualstudio.com…
🚀 New screencast day!
Learn all about the new `filter` and `backdrop-filter` utilities we just added in Tailwind CSS v2.1 😎
youtube.com/watch?v=qGEZdGMg…
✨ This week's CSS experiment – recreating my iPhone lock screen solely with @tailwindcss and Heroicons from @steveschoger.
Final result: play.tailwindcss.com/MoyVIsI…
And here's some cool things I learned along the way (thread) 👇
Now that Tailwind UI has Vue and React support, I decided to revisit some of these Radio Group ideas that I designed a while back.
Thanks to Headless UI, we can now provide these as fully accessible components 🥳
Played around with @tailwindcss 2.1 today ✨
Here's how I recreated and animated the Apple M1 logo using only built-in Tailwind functions 👇
(Final result: play.tailwindcss.com/mgHvoev…)
🚀 New screencast day!
Learn how to build a fully accessible, custom toggle control with Headless UI and Tailwind CSS — all without writing a line of ARIA-related code or implementing your own keyboard navigation 👉
youtube.com/watch?v=3uzhz0Q_…
In case you missed it, last week we shipped React and Vue support for Tailwind UI plus gave the entire site a facelift.
I pretty much stay signed out of Tailwind UI so I can continue to admire this beautiful hero design by @jamesm 😍
Refactored a lot of custom components with @tailwindlabs headless ui components. Feels like I’ve had a small engineering team come in and rebuild the website. These components are snappier and more reliable than I could’ve ever achieved. Big ups @malfaitrobin
🚀 Yesterday we released Headless UI v1.0 — our biggest update to Headless UI since the initial release last fall!
We've added...
🎂 Dialogs
🍭 Radio Groups
🍬 Disclosure
🍩 Popover
...and an all-new documentation site! Check it out 🥳
blog.tailwindcss.com/headles…
🚀 New screencast day!
Learn how to use Headless UI to build a fully accessible, custom dropdown menu with Tailwind CSS and React 🥳
youtube.com/watch?v=qJnIJa-c…
I’m really proud of the work I did on the new tailwindui.com refresh 🥳 my first project since I joined a month ago!
Go check it out and let me know what you think 💙
🚀 We just shipped React + Vue support for Tailwind UI!
Every component now includes fully functional, accessible examples for both React 16 and Vue 3 🥳
This whole project has been almost a year in the making — so stoked it's finally ready to share 🤩
blog.tailwindcss.com/tailwin…
Even though Headless UI is completely unstyled, we still made sure all of the demo examples are beautiful to showcase what you can do with the library.
Really excited to launch this site later this week 🚀
📊 Which of these JS frameworks are you most excited about these days?
(I know there are others, I’m curious about these three in particular right now 🙂)