Radix Angular

September 13, 2025 · View on GitHub

Build Size Version Downloads Discord Chat

It is very important for me to maintain API compatibility provided by the Radix primitives.

Radix-NG is an unofficial Angular port of Radix UI, thus we share the same principal and vision when building primitives.

Radix Primitives is a low-level UI component library with a focus on accessibility, customization and developer experience. You can use these components either as the base layer of your design system, or adopt them incrementally.

Some primitives are based on @angular/cdk.

Documentation

OriginUI

shadcn/ui

Project structure

.
├── apps
│   ├── radix-docs         (documentation based on Astro)
│   ├── radix-ssr-testing  (SSR test for unstyle primitives)
│   └── radix-storybook

└── packages
    ├── components         (components based on primitives with custom styling)
    └── primitives         (headless primitives UI without any styling)

Roadmap

RadixUI Primitives

PrimitiveStatus
Accordion
Alert Dialogbeta
Avatar
Aspect Ratio
Checkbox
Collapsible
Context Menu
Dialog
DropdownMenu
Form?
Hover Card
Label
Menubar
Navigation Menu
Popover
Progress
Radio
Selectbeta
Separator
Slider
Switch
Tabs
Toast
Toggle
Toggle Group
Toolbar
Tooltip

Other Primitives

PrimitiveStatus
Calendar
Date Field
Date Picker
Date Range Field
Date Range Picker
Editable
Number Field
Pagination
Range Calendar
Stepper
Time Field

Utils Primitives

PrimitiveStatus
FocusOutside
PointerDownOutside
FocusGuards
FocusScope

Status Legend ✅ Completed 🚀 In Progress 🛠 In Review

DataGrid

Community

We're excited to see the community adopt, raise issues, and provide feedback. Whether it's a feature request, bug report, or a project to showcase, please get involved!

Contributor analytics

Alt

License

This project is licensed under the terms of the MIT license.