Design unique user interfaces with dropdowns, dialogs, forms, navigation menus, tooltips, and more. Simply drag, drop and style the Radix component on your canvas, without writing any code.
Hi, this is Oleg, founder of Webstudio. My team and I are excited to unveil our Radix UI (shadcn) integration, unlocking accessibility and customization superpowers only developers had access to. ππ
Radix UI is the first components library we have added to the builder. Soon, you will be able to add other libraries as well once we launch the public API.
Why Radix UI
Radix UI is two steps ahead of plain HTML. The library is accessible, unstyled, and open, catering to the diverse needs of designers and developers.
Accessible: Radix UI places accessibility at its core, ensuring that your designs are not only visually appealing but also user-friendly for everyone. The library's adherence to the WAI-ARIA specification makes your web content accessible to users, regardless of their abilities.
Unstyled: Coupled with Design Tokens, Radix UI empowers you with complete control over styling, letting you create designs that are truly unique and aligned with your vision.
Opened: With granular access over each component part, you can customize the Radix components to suit your design needs.
Just like Webstudio, Radix is also open-source. π
I am currently training to become a product builder. I am learning Webflow as part of my curriculum but really I intend to use open source and free tools because I think the No-code revolution has to be accessible to the global south. Keep on making this product better! I'm coming!
I have been building websites lately with Webstudio and I find it really simple to use and fast, the Radix UI is another step forward a complete customizable experience of visual development without coding. Cheers to the team!
Great job Oleg!
Major props for unveiling the Radix UI integration in Webstudio! Combining accessibility, unstyled components, and open customization is a winning formula.
How do you see the synergy between Radix UI and other libraries enhancing the development experience?
I am 54 years old, and I have been building websites for over 25 years I have to say Webstudio is a hug time saver and great tool in my Web Design Toolbox. Give it a try you wont be disappointed.
Webstudio
Why Radix UI
Radix UI is two steps ahead of plain HTML. The library is accessible, unstyled, and open, catering to the diverse needs of designers and developers. Accessible: Radix UI places accessibility at its core, ensuring that your designs are not only visually appealing but also user-friendly for everyone. The library's adherence to the WAI-ARIA specification makes your web content accessible to users, regardless of their abilities. Unstyled: Coupled with Design Tokens, Radix UI empowers you with complete control over styling, letting you create designs that are truly unique and aligned with your vision. Opened: With granular access over each component part, you can customize the Radix components to suit your design needs. Just like Webstudio, Radix is also open-source. π