Tailwind Weekly #28: Special come back issue!
Hello folks!
After a 2 months hiatus Tailwind Weekly is back š. Starting next week, every Saturday Iāll grace your inbox with the glory of our ecosystem updates and Iāll also be experimenting with new stuff (like adding new sections) in the future. You know, to spice things up.
But this issue is a special one. You see, right when I put Tailwind Weekly on pause, the Tailwind team started moving at the speed of light and launching new stuff on a cadence never seen before! This email is more or less a summary of those updates since the last issue.
Iāll try to keep it short and sweet, starting withā¦
šNews
We got 3 new minor versions
- Built-in support for background gradients
- New background-clip utilities
- New feature flagging and deprecation system to use new breaking changes stuff today, that will be native in v2.0
- New gap classes names, set under the removeDeprecatedGapUtilities flag
- New contents display utility
- Default letter-spacing per font-size
- New divide border styles
- + other stuff
- New font-variant-numeric utilities
- New place-items, place-content, place-self, justify-items, and justify-self utilities
- Dark mode variant (experimental)
- + other stuff
- New presets key that makes it possible to configure a custom ābase configurationā for your projects.
- New utilities for grid-auto-columns and grid-auto-rows
- New Focus indicator improvements and configurable outlines
- Extended border radius, rotate, and skew scales
- + other stuff
We also got a v2.0 alpha release packed with A LOT of new stuff, be sure to check it out!
Introducing Tailwind Play ā Tailwind CSS
Remember tailwind.run? Well, the tailwind team decided to make their own improved version. I highly recommend you watch their promo video, its š¤Æ.
Hereās the direct link to the playground, have fun!
Headless UI ā Unstyled, fully accessible UI components
Remember back in May when Adam demoed a new ārenderlessā component made with Vue? Well, that idea is now a small but growing library called Headless UI.
As of now they have React and Vue versions but Alpineās is coming soon and they also made new components like Dropdowns and Toggles.
Tailwind got a new youtube channel
The Tailwind team decided to up their youtube game and itās definitely paying off, Simon (employee #2) is doing an excellent job and Iām really liking the content so far.
Introducing Heroicons.com
Heroicons, the icons pack made by Tailwindās Designer Steve, is now an official icons companion for TailwindCSS and has its own website.
So far itās 226 icons and growing. Definitely a project to keep an eye on in the future.
Last but not least, Tailwind UI Updates!
- New Pricing Pages category with 4 examples
- New Header Sections category with 3 examples
- 4 new Pricing Section examples
- 2 new CTA Section examples
- 3 new FAQ Section examples
- 3 new Feature Section examples
- 2 new Footer Section examples
- 2 new Logo Cloud examples
- New Team Sections category to the Marketing package with 8 examples
- New Section Headings category to the Application UI package with 9 examples
- New Steps category to the Application UI package with 7 examples
- 5 new Slide-Over examples to the Application UI package
Want to share something with the TailwindCSS community? You can submit a link or message me on Twitter @vivgui.
Want to support the newsletter? You can buy me a coffee with the link below š.
