# Webstudio meets Radix UI

## Build advanced user interfaces

Design unique user interfaces with dropdowns, dialogs, forms, navigation menus, tooltips, and more. Simply drag, drop and style the [Radix](https://docs.webstudio.is/university/radix) component on your canvas, without writing any code.

## Accessible out of the box

With built-in accessibility and [WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/) specification, [Radix UI](https://www.radix-ui.com/primitives) ensures that your designs are not only visually appealing but also accessible to all users, regardless of their abilities.

## Developer superpowers for designers

Radix UI simplifies the visual development process by handling accessibility details and complex logic, so you can focus on addressing unique design challenges.

## Apple’s navigation menu made better than Apple

Watch how Alex uses the Radix components to build an Apple navigation menu in Webstudio.

## Why Radix UI?

### Unstyled.

Styling is independent of component behavior and can be customized without impacting functionality.

### **Opened**.

Granular access over each component part to customize it to your design needs.

### **Composable structures**.

Nest Radix components inside each other to create composite UI structures.

### **WAI-ARIA compliant.**

Ensure that your web content is accessible to users with varying abilities.

### **Cross-device accessibility.**

Support mouse, keyboard, and touch interactions, making your site accessible on any device.

## Radix components in Webstudio Builder

Tooltip

Popover

Collapsible

Accordion

Dialog

Sheet

Navigation Menu

Tabs

And many more...

Build and publish pro websites

### Last 30 days

206M

Requests

5.98 TB

Data served

8

Issues closed

62

Merged PRs

## Built to scale

### Total

222.8K

Projects

8.5K

GitHub stars

5.5K

Discord members

130.4K

Users