Arrow Left
profile

Tom Němec

Building Consistent UIs with Radix UI and Tailwind CSS

Published 22 days ago • 1 min read

tom nemec

Building Consistent UIs with Radix UI and Tailwind CSS

Hey Reader,

I am finally back from vacation!
​
I hope you had a great one as well.

During my free time, I was coding because I had an interesting idea that I wanted to bring to life.
​
It was a great way to practice Next.js and Tailwind CSS after taking a new course.

But what I want to talk about today is Radix UI, a library I am using for styling this project.
​
I highly recommend it because, in combination with Tailwind CSS, it works pretty well.

Building the project is going smoothly, and what's more important is that the UI is consistent.
​
With this combo, I don't need to write any styles or CSS.
​
Everything is driven by classes and predefined components, yet the UI still feels custom.

I hope this brings you some value.

​Here is the link to Radix UI.​

Happy coding!

Tom
​
​Join us in our community and find friends on your coding journey. Ask questions and get your answers right away. Grow with us.

Weekly video events and much more.

​

113 Cherry St #92768, Seattle, WA 98104-2205
​Unsubscribe · Preferences​

Tom Němec

Tom Němec | Web Dev & Content Creator

I'm a self-taught web developer and content creator. I love coding , tech and share my process and work with the world through social media.

Read more from Tom Němec
A computer desk with a keyboard, mouse and monitor

tom nemec Things I’d Do Differently if I Restarted My Web Developer Journey Hey Reader,today, I want to share with you 4 things I would do differently if I had to start my web development journey from scratch. First and most importantly, get a direction – pick up a roadmap. As a self-taught developer, I lacked guidance and had no idea what to do, which was the hardest part. Having a roadmap or mentor can give you direction and goals to reach, which is exactly what you need at the start....

8 days ago • 1 min read
a book and a small figurine on a desk

tom nemec The Difference Between Git and GitHub Explained Hey Reader,Next week, a new opportunity to shine, right? Today, I’ll break down the difference between GitHub and Git for you. So, let's get started! Git is a version control system. It helps you keep track of changes to your code. Think of it as a save game feature for your project. You can revert to previous versions or see the history of changes. Git runs locally on your computer. GitHub is a platform that hosts Git repositories. It...

15 days ago • 1 min read
a laptop computer sitting on top of a bed

tom nemec Kickstart Your Week with Tailwind CSS Hey Reader, Another week ahead!I just realized I made a mistake last week and forgot to change the text.Sorry about that—let's fix it today and dive into Tailwind CSS. I want to share a quick tip with you today. If you've ever struggled to design and maintain consistent UIs in your web projects, you're not alone. Managing CSS can be daunting, especially as your project grows. But don't worry, I have a tool that can help. It's called Tailwind...

about 1 month ago • 1 min read