Radix UI

Radix UI provides unstyled, accessible components for building high-quality design systems and web apps in React, offering full control over styling and behavior.

open sourceweb#react #headless-ui #accessible #unstyled #component-library #primitives

What you can do with Radix UI

Practical ideas and workflows

Create a Custom Dropdown

•Install Radix UI components via npm with `npm install @radix-ui/react-dropdown-menu`.
•Import the `DropdownMenu` component into your React application.
•Define your menu items using `DropdownMenu.Item` inside the `DropdownMenu.Content` component.
•Style the dropdown using CSS to match your design system.

Radix UI

What you can do with Radix UI

Create a Custom Dropdown

Categories

More like this

Headless UI

Chakra UI

Build an Accessible Modal

Implement Tabs Component

Create a Slider Element

Mantine

shadcn/ui

Material-UI (MUI)

Next UI