> ## Content Index
> Fetch the complete content index at: https://tailwindweekly.com/llms.txt
> Use this file to discover other available public pages before exploring further.

# Tailwind Weekly #121: the State of CSS survey is back!
- URL: https://tailwindweekly.com/issue-121/
- Published: 2023-07-01T00:00:00.000Z
- Updated: 2025-09-09T08:46:58.000Z
- Author: Vivian Guillen
- Tags: #Import 2025-09-20 20:01

Hello folks!

Not much official news this week, the Tailwind Labs team is hard at work on cool stuff. In the meantime, we got more Tailwind Connect photos 📸!

The [State of CSS 2023](https://survey.devographics.com/en-US/survey/state-of-css/2023?ref=tailwindweekly.com) is open so be sure to do your part and fill it out!

Now onto our usual content 😉.

## **🌟 News**

Adam released a bunch of pictures from Tailwind Connect, they're lovely! You can see them all [here](https://connect.tailwindcss.com/photos?ref=tailwindweekly.ongloat.com) but there's a few:

![](https://tailwindweekly.com/content/images/image-34.jpg)

On the community side, we got another awesome video from Sam Selikoff, where he showcases the powerful combination of Radix UI and Tailwind CSS. It's wild 🤯!

## **📚 Learning**

### **[shadcn/ui — Theming Wrapped in a Tailwind Plugin/Preset](https://www.youtube.com/watch?v=QJlTWj30krw&ref=tailwindweekly.com)**

[shadcn/ui](https://ui.shadcn.com/?ref=tailwindweekly.ongloat.com) is a very opinionated React component library based on [Radix UI](https://www.radix-ui.com/?ref=tailwindweekly.ongloat.com) and Tailwind that has been gaining some popularity in recent months. In this video, our friend Simon shows how to use it and why you might like it. I have been following Radix UI for a bit and [shadcn/ui](https://ui.shadcn.com/?ref=tailwindweekly.ongloat.com) is exactly the type of project that can help with adoption.

### **[Creating a shine effect on a card with Tailwind CSS](https://ibelick.com/blog/create-shine-effect-on-card-with-tailwind-css?ref=tailwindweekly.com)**

This one is short and sweet! You'll learn how to make a beautiful shine hover effect using Tailwind and how easy is to adapt vanilla CSS to use it as Tailwind CSS instead!

### **[11 HTML best practices for login & sign-up forms](https://evilmartians.com/chronicles/html-best-practices-for-login-and-signup-forms?ref=tailwindweekly.com)**

A more general article but great nonetheless. This one is from Evil Martians, the folks behind *autoprefixer* and *postcss.* Just for that alone, the article deserves a glance and it didn't disappoint! I particularly liked point #8, will start implementing it on my forms going forward.

## **💅 Showcase**

![](https://tailwindweekly.com/content/images/image-35.jpeg)

****[Sofa](https://www.sofahq.com/?ref=tailwindweekly.com)**

Sofa is one of those apps that makes you think "Huh, I didn't know I wanted that". It helps you "*create lists of apps, books, board games, movies, tv shows, podcasts, music albums, and video games to enjoy later*" and let me tell you, the landing page design is *very nice*. It has a kind of playful vibe with subtle colors and round font. Overall, a great landing page for a great app!

## **🎁 Resource**

![](https://tailwindweekly.com/content/images/image-36.jpeg)

****[Flowbite Icons](https://flowbite.com/icons/?ref=tailwindweekly.com)**

Here's another great icon source for you all! The Flowbite icons site is very similar to Heroicons as in you can copy the icon's code right away and the search is great. I do like that Flowbite has brand icons, albeit just a few. Looking forward to seeing it grow!

## **👌 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://tailwindweekly.link/flexbox-grid-book?ref=tailwindweekly.ongloat.com)** ebook by [Shruti Balasa](https://x.com/shrutibalasa?ref=tailwindweekly.ongloat.com). 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. ‌

---

**[OpenDyslexic is a new open-source font](https://antijingoist.gumroad.com/l/OpenDyslexic?a=623146483&ref=tailwindweekly.ongloat.com)** created to increase readability **for readers with dyslexia**. The typeface includes regular, bold, italic, and bold-italic styles. It is being updated continually and improved based on input from other dyslexic users.

---

**[Polypane](https://polypane.app/?ref=redpixel)** is an excellent tool for **testing your project’s responsive design and accessibility**. The best thing about it is that it helps me catch visual bugs in seconds rather than hours. Definitely worth the money for the time I have saved.

---

**Designing on your own and want fancy icons? [Check out Iconfinder](https://tailwindweekly.link/iconfinder?ref=tailwindweekly.ongloat.com)**, they have the biggest and best selection of icons I have ever seen and at very affordable prices.

## **✌️ Partners**

**[CSS Simplified by Shruti Balasa](https://shrutibalasa.substack.com/?ref=tailwindweekly.ongloat.com)**: One simple CSS tip every Wednesday from her decade of experience right into your inbox.

---

**[TypeScript Weekly](https://typescript-weekly.com/?ref=tailwindweekly.ongloat.com)**: the best TypeScript links every week, right in your inbox.

---

**[This Week In React](https://thisweekinreact.com/?ref=tailwindweekly.ongloat.com)**: the best of React & React-Native news. Sebastien filters the noise, and you save time!

---

Want to share something with the TailwindCSS community? You can [submit a link](https://tailwindweekly.link/submit?ref=tailwindweekly.ongloat.com) or message me on Twitter [@vivgui](https://x.com/vivgui?ref=tailwindweekly.ongloat.com).

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

![](https://tailwindweekly.com/content/images/image-5.jpeg)