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.
-
sb-primitives.radix-ng.com – Storybook
- shadcn/ui – ui.adrianub.dev
.
├── 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)
| 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 | ✅ |
| Primitive | Status |
|---|---|
| Calendar | ✅ |
| Date Field | ✅ |
| Date Picker | |
| Date Range Field | |
| Date Range Picker | |
| Editable | ✅ |
| Number Field | ✅ |
| Pagination | ✅ |
| Range Calendar | |
| Stepper | ✅ |
| Time Field | ✅ |
| Primitive | Status |
|---|---|
| FocusOutside | ✅ |
| PointerDownOutside | ✅ |
| FocusGuards | |
| FocusScope |
Status Legend ✅ Completed 🚀 In Progress 🛠 In Review
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!
This project is licensed under the terms of the MIT license.