1️⃣ - When a UI library gets popular, every app starts to look the same. How do we solve this? Introducing Styles. A new approach for shipping UI components. Start with Radix UI and Tailwind CSS. Add a style, including shapes, icons & animations. Apply your colors. ⬇️

2️⃣ - But wait isn’t this the same as a theme? No. A theme is how your UI look. Style is the visual foundation: shapes, icons, animations & typography. Want smaller buttons, rounder cards & heroicons? will ship several styles for you to choose from.

3️⃣ - This means that you can now swap the icon library, replace react-hook-form and even choose framer motion instead of CSS transitions.

4️⃣ - Using the new cli, you will be able to pull components from the same style. eg. Add a button, select and a card. The style and theme will be applied automatically. All your components will look and behave the same way.

5️⃣ - Shipping next week! 😁

shad, calm the fk down okay

This is genius. Start with a styled UI for when you're hacking and add custom, branded styles for when you want to get more serious 🔥

dude is shipping design system for the whole world like it was easy. huge announcement, congrats 🎉

I understand the concern, but standardized design systems across different products is actually more helpful for the end user. Often times creativity can compromise UX Controversial opinion, I know

What is your secret? You simply do not sleep? 🤔 Looks great!