Radix Angular

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

• radix-ng.com

• sb-primitives.radix-ng.com – Storybook

OriginUI

• OriginUI

shadcn/ui

• shadcn/ui – ui.adrianub.dev

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

Primitive	Status
Accordion	✅
Alert Dialog	beta
Avatar	✅
Aspect Ratio	✅
Checkbox	✅
Collapsible	✅
Context Menu	✅
Dialog	✅
DropdownMenu	✅
Form	?
Hover Card	✅
Label	✅
Menubar	✅
Navigation Menu	✅
Popover	✅
Progress	✅
Radio	✅
Select	beta
Separator	✅
Slider	✅
Switch	✅
Tabs	✅
Toast
Toggle	✅
Toggle Group	✅
Toolbar	✅
Tooltip	✅

Other Primitives

Primitive	Status
Calendar	✅
Date Field	✅
Number Field	✅
Pagination	✅
Stepper	✅
Time Field	✅

Status Legend ✅ Completed 🚀 In Progress 🛠 In Review

Forms

• validations framework – https://vestjs.dev/, Angular example

DataGrid

• with Tanstack Table, https://originui-ng.com/table

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!

• Join our Discord
• Join our Telegram
• GitHub Discussions

Contributor analytics

License

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