Radix UI

About Radix UI

**Radix UI** is an open-source component library focused on accessibility, customization, and developer experience, offering unstyled "primitives" that handle complex UI behaviors like modals, dropdowns, tooltips, accordions, and navigation menus. Built and maintained by WorkOS, it serves as the foundation for popular libraries like shadcn/ui and is trusted by companies including Vercel, Supabase, Linear, and the Node.js team. Radix components follow WAI-ARIA guidelines with full keyboard navigation, screen reader support, and proper focus management built-in. **Category:** UI Component Library / Accessibility Primitives / Design System Foundation \ **Webstudio Integration:** Radix UI is **natively built into Webstudio**—no configuration required. You'll find Radix components directly in the Components Panel under the "Radix" section, including: Accordion, Collapsible, Dialog, Navigation Menu, Popover, Radio Group, Select, Sheet, Switch, Tabs, and Tooltip. Simply drag and drop these components onto your canvas and style them visually. The default styling is inspired by shadcn/ui, making them look polished out of the box while remaining fully customizable. **Strengths:** Completely handles accessibility and complex interaction logic (keyboard navigation, focus trapping, collision detection), unstyled primitives give you total design freedom, components are composable and can be nested, excellent documentation with real-world examples, and the seamless Webstudio integration means you get production-ready accessible components without writing code. **Weaknesses:** The unstyled nature means more styling work if not using Webstudio's pre-configured components, some advanced Radix components aren't yet available in Webstudio (like Context Menu), and for React developers outside Webstudio, there's a learning curve understanding the compound component pattern. **Pricing:** 100% free and open source (MIT license for Primitives, maintained by WorkOS).