Tailwind Weekly #96: new template, new heroicons batch, and new update for Tailwind Play baby 😎
Tags: html, css, tailwindcss
Published: 2022-09-13 13:32:02

*This was originally posted on [Tailwind Weekly](https://tailwindweekly.com/issue-96/), if you want to subscribe to receive this directly into your inbox you can sign up [here](https://tailwindweekly.com/).*

---

Hello folks!

For my US friends, I hope you had a great long weekend!

This week we got some couple of [exciting news](https://tailwindcss.com/blog/2022-09-09-new-personal-website-heroicons-2-headless-ui-v17?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website) from the Tailwind Labs team: a brand new template, new beautiful icons, and a cool update for Tailwind Play. Get more info in the news section!

Now onto our usual content 😉.

## 🌟 News
Ok since we missed last week we got a couple of updates for you.

![Alt text](https://tailwindweekly.com/content/images/size/w1000/2022/09/image.png)
*The Spotlight template preview is simply lovely!*

First and most important, we got a [new template](https://twitter.com/adamwathan/status/1567545918328639490?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website)! Say hello to [Spotlight](https://tailwindui.com/templates/spotlight?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website), a personal website template with a beautiful modern design that also includes a very good-looking dark mode.

![Alt text](https://tailwindweekly.com/content/images/size/w1000/2022/09/image-1.png)

A new batch of Heroicons
Second, Steve [announced](https://twitter.com/steveschoger/status/1564678733482582020?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website) a new batch of icons for Heroicons, it's just a few of them but little by little, the library is growing!

Last but not least, the Tailwind Labs team [added support](https://twitter.com/adamwathan/status/1563204427254616067?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website) for the insiders builds on Tailwind Play. This means that you can test the latest unreleased features without leaving your browser!

## 🤩 Sponsors
[![Alt text](https://tailwindweekly.com/content/images/size/w1000/2022/09/windy.png)](https://usewindy.com/?utm_source=Tailwind+Weekly+Website&utm_medium=email&utm_campaign=Tailwind+Weekly+Web+Issue)
The sponsor of this issue is [Windy](https://usewindy.com/?utm_source=Tailwind+Weekly+Website&utm_medium=email&utm_campaign=Tailwind+Weekly+Web+Issue) – the browser extension that transforms any HTML element into a Tailwind CSS component with a single click. Save hours or days when you convert your non-Tailwind sites to Tailwind or go to any website and see how you can build any element with Tailwind CSS. **Get a 20% discount if you use the code `TAILWIND-WEEKLY` during the checkout.**

[![Alt text](https://tailwindweekly.com/content/images/size/w1000/2021/11/polypane-1.png)](https://polypane.app/tailwindcss/?status=accepted&expires=1665666677&p_sid=39438&p_aid=124142&p_link=3113&p_tok=e0439855-4b53-4e33-acc9-7fb9976ef55c)
Polypane is a great tool for testing your project’s responsive design and accessibility. I use this daily for my frontend work and it's 👌. **Get a 20% discount if you use the code `TAILWINDWEEKLY20` during checkout.** 

## 📚 Learning

### **[Everything You Need To Know About CSS Gradients](https://www.youtube.com/watch?v=e6jnl3iAezM)**
Another awesome video from Youtuber [Colt Steele](https://www.youtube.com/c/ColtSteeleCode), the best part for me was all the examples he gave for Conic gradients and how easy they were to use. Definitely gave me a few ideas to use in the future! Overall this is a great CSS gradients intro for beginners and senior devs alike.

### **[Do you know about overflow: clip?](https://kilianvalkhof.com/2022/css-html/do-you-know-about-overflow-clip/?ref=sidebar?utm_source=CSS-Weekly&utm_campaign=Issue-517&utm_medium=email?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website)**
This is a great article on how and why to use the `overflow: clip` CSS declaration. As always Kilian offers a concise explanation of the feature and shows a very cool example, he even mentions the related `overflow-clip-margin` property. The best thing is, that you can already use `overflow: clip` with Tailwind CSS by using the `overflow-clip`class.  

### **[How to do gradient text with Tailwind CSS](https://redpixelthemes.com/blog/tailwindcss-gradient-text/?utm_campaign=tailwind-weekly-096&utm_source=Tailwind+Weekly?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website)**
Written by me! I wanted to do a gradient text effect on a project and realized how easy it is to do it with Tailwind CSS but I also found some gotchas, which are documented in the article. I hope you find it useful! 

## 💅 Showcase

[![Alt text](https://tailwindweekly.com/content/images/size/w1000/2022/08/og-index-83792c8446e51081c66a113a6aaccf3d.jpeg)](https://leadgeek.io/?utm_campaign=tailwind-weekly-096&utm_source=Tailwind+Weekly?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website)

### [Leadgeek](https://leadgeek.io/?utm_campaign=tailwind-weekly-096&utm_source=Tailwind+Weekly?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website)
This week we have a website with a very unique design, more grungy looking, and reminds me a lot of a comic book. I have to say I love the font choices (Inter ftw!) and the fancy background effects. Even the cookie consent popup looks cool!

For the curious, here's Leadgeek description:

*Trusted by Amazon FBA sellers across the world, Leadgeek offers online arbitrage sourcing lists, software, and tools to put you in control of your selling.*

## 🎁 Resource

[![Alt text](https://tailwindweekly.com/content/images/size/w1000/2022/08/wind-ui-722ccf65e80ae41d28f4c07b860e7d7a.png)](https://wind-ui.com/?utm_campaign=tailwind-weekly-096&utm_source=Tailwind+Weekly?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website)

### [Wind UI](https://wind-ui.com/?utm_campaign=tailwind-weekly-096&utm_source=Tailwind+Weekly?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website)
Here's another component library for you. Based on Tailwind CSS of course and uses a beautiful green hue as the main color, it also looks very clean and most of the components have a lot of variations. If you like the green hue then this is a great library to jump-start your next project.

## 💼 Featured jobs
**Crowd Favorite** is hiring a full-time [Senior Web Developer, Open Source](https://apply.workable.com/crowd-favorite/j/6B453F70A8/?ref=tailwind-jobs?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website)
Remote / USA

**Spear AI** is hiring a full-time [Frontend Engineer](https://jobs.gusto.com/postings/spear-ai-frontend-engineer-1e4614b6-09c9-4363-b9e2-1c6b17a80204?ref=tailwind-jobs?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website)
Washington D.C. · $95,000 – $145,000 USD

**CMS Max** is hiring a full-time [Lead Tailwind Developer](https://www.cmsmax.com/careers/lead-tailwind-developer?ref=tailwind-jobs?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website)
Remote / USA

**Third Time Games** is hiring a full-time [Web Developer](https://thirdtimegames.com/?ref=tailwind-jobs%3Futm_campaign%3DTailwind%20Weekly%20Web%20Issue&utm_source=Tailwind%20Weekly%20Website)
Remote / Orlando, FL

⭐ Want to add your job post here? See [more info](https://tailwindweekly.com/advertise/#promoted-job-posting).

## 👌 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!*

**Become a Pro at building components & layouts with CSS Flexbox and Grid with the [Complete Guide to CSS Flex and Grid](https://shrutibalasa.gumroad.com/l/css-flex-and-grid?utm_campaign=Tailwind%20Weekly%20Web%20Issue&utm_source=Tailwind%20Weekly%20Website)** ebook by [Shruti Balasa](https://twitter.com/shrutibalasa?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website). I actually read this book and LOVED IT. I have been using flexbox and CSS grid for years and I still learned quite a few things from the book.

Manage **all your projects** and tasks in the most **organized and efficient way** possible. Use the [Notion Project Management Template](https://notioneverything.gumroad.com/l/project-management-template?utm_campaign=Tailwind%20Weekly%20Web%20Issue&utm_source=Tailwind%20Weekly%20Website) to stay focused and implement a robust structure for your business or personal projects.

**Inspect Flow - The complete developer tool for Tailwind CSS.** 50% off sale: [inspectflow.io](https://www.inspectflow.io/??utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website)

**There's a reason over 2.6 million people start their day with [Morning Brew](https://www.morningbrew.com/daily/subscribe?utm_source=tailwind-weekly&utm_medium=paid_newsletter&utm_campaign=swapstack_tailwind-weekly&utm_campaign=Tailwind%20Weekly%20Web%20Issue&utm_source=Tailwind%20Weekly%20Website)** — the daily email that delivers the latest news from Wall Street to Silicon Valley. Business news doesn't have to be dry and dense...make your mornings more enjoyable, for free.

## ✌️ Partners

[CSS Simplified by Shruti Balasa](https://www.getrevue.co/profile/shrutibalasa?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website): One simple CSS tip every Wednesday from her decade of experience right into your inbox.

[TypeScript Weekly](https://typescript-weekly.com/?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website): the best TypeScript links every week, right in your inbox.

[ES.next News](http://esnextnews.com/?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website): learn about the latest in JavaScript and cross-platform tools

---

Want to share something with the TailwindCSS community? You can [submit a link](https://docs.google.com/forms/d/e/1FAIpQLSe4ebD1JdmEWXDSDItAAR_hLcQRaaYWbHCw2L0Y3JmZiln1OA/viewform) or message me on Twitter [@vivgui](https://twitter.com/vivgui?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website).

Want to support the newsletter? You can buy me a coffee with the link below 😁.

[![coffe](https://tailwindweekly.com/content/images/size/w1000/2021/11/coffee.png)](https://www.buymeacoffee.com/vivgui?utm_campaign=Tailwind+Weekly+Web+Issue&utm_source=Tailwind+Weekly+Website)