• Tailwind Weekly
  • Posts
  • Tailwind Weekly #47: v2.1, Headless UI, Heroicons, oh my!

Tailwind Weekly #47: v2.1, Headless UI, Heroicons, oh my!

Hello folks!

Sorry for the silence, got sick and had to take some time off, all good now!

This issue is definitely packed with all the news we missed since our last email, so go grab some coffee and get cozy because this is a long one.

šŸŒŸ News

We got a lot of news to unpack! Hereā€™s what we got:

We also got a new update for Tailwind UI! The team added:

šŸ¤© Sponsor

toast.log is a chrome (and firefox!) extension that shows your browserā€™s console messages like toast notifications. See errors, warnings, and logs as they happen on your site ā€” without having to open the browserā€™s console. I find it incredibly useful when doing my frontend work! Check it out here.

šŸ“š Learning

A great article on the why of using ā€œprefers-reduced-motionā€ from someone who especially needs it. The author suffers from a condition that makes some animation make her dizzy and sheā€™s also a frontend developer so sheā€™s deeply aware of how and when to use ā€œprefers-reduced-motionā€. Definitely a great read.

šŸ’… Showcase

Dragit

Another cool example of using Tailwind UI and customizing it with a personal touch. Definitely love the gradients, strong colors, and dark aesthetics.

For the curious:

Dragit is a professional drag & drop email editor. Make a beautiful responsive emails in a breeze. Use it online or embed in into your SaaS.

šŸŽ Resource

This one is my favorite open source icon library and itā€™s huge! Whenever I need an icon SVG that is not on Herocions, this is where I go. I also love that they let you export the SVG file and also copy the SVG code.

šŸ‘Œ Promoted links

Note: Some of these links are affiliate links, which means I get compensated in some way if you buy through them but I promise I only recommend products I really like!

At Tailwind Made, we recently launched our latest template, Atlas! Atlas is perfect for that personal blog you always wanted to start. It has a dark mode, a configured typography plugin, and itā€™s fully responsive. We also have a legal/business and an e-commerce template if youā€™re interested.

Imagine if you could go to any website, find a section/element you like, and get the approximate tailwind values to code it yourself. Like that idea? Then Windy is for you, the tool is still in its early stages but it looks very promising.

Polypane is a great tool for testing your projectā€™s responsive design and accessibility. I use this daily for my frontend work and its šŸ‘Œ. If you sign up using this link youā€™ll get 20% off your subscription applied at checkout.

Landing Letter is a weekly newsletter where I teardown high converting landing pages and talk about copywriting, data flow and placements of elements.

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 šŸ˜.