- Tailwind Weekly
- Posts
- Tailwind Weekly #30: New alpha versions, Tailwind UI updates and more!
Tailwind Weekly #30: New alpha versions, Tailwind UI updates and more!
Hello folks!
It’s been a lively week on the TailwindCSS community, we got a few more alpha versions, new Tailwind UI components and an early access version of tailwind support in WebStorm.
Plus your regular dose of tailwind stuff 😉.
🌟News
This is the latest alpha version as of this writing, the team also rolled back the upgrade to PostCSS 8, looks like they’re thinking it over.

JetBrains just released an early access version of WebStorm, which includes support for TailwindCSS. It looks like it’ll be very similar to the VSCode extension but a bit more limited.
New Tailwind UI Update 🎉
Added new Settings Screens category with 4 examples
Added new Breadcrumbs category with 4 examples
Added 1 new Stacked Layout example
Added 1 new Description List example
Added 1 new Form Layout example
Added 2 new Navbar examples
Added new Radio Groups category with 3 examples
Added 1 new Sidebar Layout example
Added 2 new Toggle examples
Added 1 new Stacked List example
📚Article of the week

I see Sapper/Svelte is getting some traction lately, especially in the esports community so I’m sharing this guide for the folks who are curious and want to take Sapper for a spin using our favorite CSS framework. This is the most up to date tutorial on how to get a fully featured TailwindCSS setup in Sapper. Have fun!
💅Showcase of the week

Speaking of the esports community, this week we’re featuring a team finder site! Siegrs.gg call itself a team and player finder for Rainbow Six Siege. Find esports clans for competitive games.
This one is a good example of a functional web app using mostly tailwind defaults, they do know how to rock that red 👌.
🎁Resource of the week

For those of you who don’t know yet, V2.0 of tailwind added a modified color palette to the defaults.
This is figma’s community file with those same colors, for your prototyping delight. So if you’re a figma file be sure to check it out for your next design.
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 😁.
