{"id":25258829,"url":"https://github.com/radix-ng/primitives","last_synced_at":"2025-05-16T15:09:03.645Z","repository":{"id":232016759,"uuid":"783008024","full_name":"radix-ng/primitives","owner":"radix-ng","description":"Angular port of Radix UI Primitives. Accessible. Customizable.","archived":false,"fork":false,"pushed_at":"2025-05-10T09:18:46.000Z","size":9551,"stargazers_count":183,"open_issues_count":25,"forks_count":12,"subscribers_count":7,"default_branch":"main","last_synced_at":"2025-05-10T09:30:50.200Z","etag":null,"topics":["angular","components","design-system","headless-components","radix","radix-ui","shadcn-ui"],"latest_commit_sha":null,"homepage":"https://radix-ng.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/radix-ng.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2024-04-06T17:19:25.000Z","updated_at":"2025-05-10T08:42:41.000Z","dependencies_parsed_at":"2024-07-16T21:51:23.417Z","dependency_job_id":"240cbf8d-4290-4849-bc8a-fb9f75a67528","html_url":"https://github.com/radix-ng/primitives","commit_stats":null,"previous_names":["ng-radix/primitives","radix-ng/primitives"],"tags_count":109,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radix-ng%2Fprimitives","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radix-ng%2Fprimitives/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radix-ng%2Fprimitives/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radix-ng%2Fprimitives/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/radix-ng","download_url":"https://codeload.github.com/radix-ng/primitives/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254553958,"owners_count":22090417,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","components","design-system","headless-components","radix","radix-ui","shadcn-ui"],"created_at":"2025-02-12T07:01:34.635Z","updated_at":"2025-05-16T15:08:58.632Z","avatar_url":"https://github.com/radix-ng.png","language":"TypeScript","readme":"# Radix Angular\n\n[![downloads](https://img.shields.io/npm/dm/@radix-ng/primitives.svg?style=flat-round)](https://www.npmjs.com/package/@radix-ng/primitives)\n[![Discord Chat](https://img.shields.io/discord/1231525968586346567.svg?color=5865F2\u0026logo=discord\u0026logoColor=FFFFFF)](https://discord.gg/NaJb2XRWX9)\n\n\u003e This version is not yet stable.\n\u003e\n\u003e It is very important for me to maintain API compatibility provided by the Radix primitives.\n\n\u003e Radix-NG is an unofficial Angular port of [Radix UI](https://www.radix-ui.com/), thus we share the same principal and vision when building primitives.\n\nRadix Primitives is a low-level UI component library with a focus on accessibility, customization and developer experience.\nYou can use these components either as the base layer of your design system, or adopt them incrementally.\n\nSome primitives are based on [@angular/cdk](https://material.angular.io/cdk/categories).\n\n---\n\n## Documentation\n\n- [radix-ng.com](https://radix-ng.com)\n\n- [sb-primitives.radix-ng.com](https://sb-primitives.radix-ng.com/) – Storybook\n\n## Showcases\n\n1. [Taxonomy](https://github.com/shadcn-ui/taxonomy) build with AnalogJS – [https://primitives-taxonomy.vercel.app/](https://primitives-taxonomy.vercel.app/)\n2. [shadcn/ui blocks](https://ui.shadcn.com/blocks) - [https://blocks.shadcn-ng.com/](https://blocks.shadcn-ng.com/)\n3. [OriginUI](https://origin-ng.com/) Angular\n4. shadcn/ui – [ui.adrianub.dev](https://ui.adrianub.dev/)\n5. RadixUI Components ...'soon'\n\n## Project structure\n\n```angular2html\n.\n├── apps\n│   ├── radix-docs         (documentation based on Astro)\n│   ├── radix-ssr-testing  (SSR test for unstyle primitives)\n│   ├── shadcn-docs        (docs for shadcn/ui, based on ng-doc, just for usage example)\n│   ├── showcase-taxonomy  (AnalogJS showcase Taxonomy app)\n│   └── storybook-radix\n│\n└── packages\n    ├── components         (components based on primitives with custom styling)\n    ├── shadcn             (shadcn/ui just for usage example)\n    └── primitives         (headless primitives UI without any styling)\n```\n\n## Roadmap\n\n### RadixUI Primitives\n\n| Primitive       | Description | Status | A11y |\n| --------------- | ----------- | ------ | ---- |\n| Accordion       |             | ✅     |      |\n| Alert Dialog    |             | beta   |      |\n| Avatar          |             | ✅     |      |\n| Aspect Ratio    |             | ✅     |      |\n| Checkbox        |             | ✅     |      |\n| Collapsible     |             | ✅     |      |\n| Context Menu    |             | ✅     |      |\n| Dialog          |             | ✅     |      |\n| DropdownMenu    |             | ✅     |      |\n| Form            |             |        |      |\n| Hover Card      |             | ✅     |      |\n| Label           |             | ✅     |      |\n| Menubar         |             | ✅     |      |\n| Navigation Menu |             | ✅     |      |\n| Popover         |             | ✅     |      |\n| Progress        |             | ✅     |      |\n| Radio           |             | ✅     |      |\n| Select          |             | beta   |      |\n| Separator       |             | ✅     |      |\n| Slider          |             | ✅     |      |\n| Switch          |             | ✅     |      |\n| Tabs            |             | ✅     |      |\n| Toast           |             |        |      |\n| Toggle          |             | ✅     |      |\n| Toggle Group    |             | ✅     |      |\n| Toolbar         |             | ✅     |      |\n| Tooltip         |             | ✅     |      |\n\n### Other Primitives\n\n| Primitive  | Description | Status |\n| ---------- | ----------- | ------ |\n| Pagination |             | ✅     |\n| Stepper    |             | ✅     |\n\n**Status Legend**\n✅ Completed\n🚀 In Progress\n🛠 In Review\n\n### Forms\n\n- [ ] use validations framework – [https://vestjs.dev/](https://vestjs.dev/), [Angular example](https://github.com/simplifiedcourses/ngx-vest-forms)\n\n### DataGrid\n\n- [ ] (In progress) with [Tanstack Table](https://tanstack.com/table/latest), [https://shadcn-datagrid.vercel.app/](https://shadcn-datagrid.vercel.app/)\n\n## Community\n\nWe're excited to see the community adopt, raise issues, and provide feedback.\nWhether it's a feature request, bug report, or a project to showcase, please get involved!\n\n- [Join our Discord](https://discord.gg/NaJb2XRWX9)\n- [Join our Telegram](https://t.me/radixng)\n- [GitHub Discussions](https://github.com/radix-ng/primitives/discussions)\n\n## Contributor analytics\n\n![Alt](https://repobeats.axiom.co/api/embed/7c1e0b2754a8973c9cfd458060d168e9dd7b5b8e.svg 'Repobeats analytics image')\n\n## License\n\nThis project is licensed under the terms of the [MIT license](/LICENSE).\n","funding_links":[],"categories":["Third Party Components","Recently Updated","Components \u0026 Libraries"],"sub_categories":["UI Primitives","[Feb 11, 2025](/content/2025/02/11/README.md)"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fradix-ng%2Fprimitives","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fradix-ng%2Fprimitives","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fradix-ng%2Fprimitives/lists"}