@yep_digital @HaneenMahdin @AtlantaJones @adamwathan

✨ 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…

@frankdejonge @tailwindui

@BenLesh @TejasKumar_

@BuildWithTom @samijaber_ @levelsio

The team at @Shopify 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…

@juergengenser Check the "Generated CSS" panel at the bottom 👍

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

@alvarlagerlof Nice! For autocomplete, you should be able to just put those CSS variables right here in your config instead of defining those custom classes in your CSS and then you should get it.

Last week we released Tailwind CSS v3.2 with support for container queries! 🥳

This week @samselikoff put together a video that walks through how it all works in Tailwind, and how much they can simplify your code:

youtu.be/NoP9oY7kdy8

@therealpanic30

@mbcacciano Definitely inline! It’s tempting to make things “cleaner” but you throw away all of the actual benefits when you do it that way. Much harder to maintain. The bigger the project, the more important it is to stay inline.

@georgesboris Hey! Create a plugin that provides config extensions as the second argument and add whatever you want there:

tailwindcss.com/docs/plugins#e…

@markusfreise @Malarkey

🚀 New screencast day!

Learn how to build your own command palette from scratch with Tailwind CSS, React, and the new Headless UI Combobox component! 🧑‍💻

youtube.com/watch?v=-jix4K…

🚀 New screencast day!

Learn how to use our brand-new Prettier plugin to automatically sort your Tailwind classes! 🪄

youtube.com/watch?v=_CntOc…

🚀 New screencast day!

Learn how to upgrade an existing project to Tailwind CSS v3.0 in this step by step guide ✨

youtube.com/watch?v=waoOK5…

@filrakowski @ayushpgupta

🤩 Another cool feature added in Tailwind CSS v3.0 is native support for smooth scrolling and scroll margin!

Add `scroll-smooth` for smooth scrolling, and use utilities like `scroll-mt-12` to control the scroll offset 💅

tailwindcss.com/docs/scroll-be…

Now you can read the Tailwind docs on your phone in the middle of the night without driving your partner crazy 🌒

tailwindcss.com

For an in-depth tour of everything that's new, check out the full release video over on YouTube 🥳

youtube.com/watch?v=GEYkwf…

🚀 We've updated the official typography plugin for Tailwind CSS v3.0 — and added all of the top requested features at the same time.

tailwindcss.com/blog/tailwindc…

@frigidcode Hey! Check out this video, it covers all of the stuff you might want to know about adding Tailwind to a project with existing CSS:

youtube.com/watch?v=oG6XPy…

🥳 Tailwind CSS v3.0 finally adds colored box shadows!

Combine any shadow size utility (like `shadow-xl`) with any shadow color utility (like `shadow-indigo-600/10`) to create exactly the shadow you want, without leaving your HTML 😎

tailwindcss.com/docs/box-shado…

🖨 One cool new feature in Tailwind CSS v3.0 is first-class support for print styles!

Just slam the `print:` modifier in front of any utility class, and that class will only apply when someone prints the page.

tailwindcss.com/docs/hover-foc…

Just-in-time, all the time 😎

tailwindcss.com

@fininhogaucho @reinink

🚀 New screencast day!

Learn how to take a style guide from a designer and translate it into your own custom flavor of Tailwind CSS 🎨

youtube.com/watch?v=cZc4Jn…

@shrutibalasa From memory I think they will only be in v3 and forward, so “tailwindcss@next” to use them now 👍🏻 The CHANGELOG file on GitHub will have more info!

I would look but current status:

🚀 New screencast day!

Get a tour of the all-new Just-in-Time CDN build we're working on for Tailwind CSS v3.0, which lets you prototype with every variant, arbitrary values, @​apply, and more — directly in the browser, no build step required! 🙌🏻

youtube.com/watch?v=QAIdYG…

@nikz That’s Bootstrap actually! ❤️

🙈 Ever wanted to make a small change to one of your old sites and found yourself thinking "ugh I wish I could just use Tailwind for this part"?

Well you can! Learn how to do it without any drawbacks in this new video from @simonswiss 😎

youtube.com/watch?v=oG6XPy…

@robin_schreiner @vanschneider

You know those cool thumbnails we use for all of our YouTube videos?

Learn how to make it from scratch with Tailwind CSS in, well, a new YouTube video! 🥳

youtube.com/watch?v=qyBexr…

🚀 New screencast day!

Learn how to build a simple headless ecommerce site with Tailwind CSS, Shopify, and Next.js 🛍

youtube.com/watch?v=xNMYz7…

🚀 New screencast day!

Learn how to create cool glowing gradient effects (like the one on the @linear homepage 😍) with vanilla Tailwind CSS utilities 👉

youtube.com/watch?v=5W6kEP…