{"id":26505721,"url":"https://github.com/radix-ng/origin-ui","last_synced_at":"2025-04-09T22:10:48.327Z","repository":{"id":265760465,"uuid":"896560828","full_name":"radix-ng/origin-ui","owner":"radix-ng","description":"Origin UI Angular","archived":false,"fork":false,"pushed_at":"2025-03-09T16:07:48.000Z","size":1375,"stargazers_count":55,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-09T22:10:40.543Z","etag":null,"topics":["angular","originui","radix-ng","radix-ui","react","tailwindcss","typescript"],"latest_commit_sha":null,"homepage":"https://originui-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":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-30T17:31:48.000Z","updated_at":"2025-04-01T16:15:19.000Z","dependencies_parsed_at":"2024-12-20T08:25:54.203Z","dependency_job_id":"f2251ae6-29fe-49fb-bde0-2af93d7f2642","html_url":"https://github.com/radix-ng/origin-ui","commit_stats":null,"previous_names":["radix-ng/origin-ui"],"tags_count":8,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radix-ng%2Forigin-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radix-ng%2Forigin-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radix-ng%2Forigin-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/radix-ng%2Forigin-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/radix-ng","download_url":"https://codeload.github.com/radix-ng/origin-ui/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248119294,"owners_count":21050755,"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","originui","radix-ng","radix-ui","react","tailwindcss","typescript"],"created_at":"2025-03-20T21:59:06.983Z","updated_at":"2025-04-09T22:10:48.306Z","avatar_url":"https://github.com/radix-ng.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Origin UI Angular\n\n\u003e [!NOTE]\n\u003e This is a fork of the original React implementation [Origin UI](https://originui.com/) project. This project is not affiliated with the original.\n\n\u003e [!NOTE]\n\u003e This is a work in progress. For some components the necessary libraries are coming soon (e.g. [Radix NG](https://www.radix-ng.com/primitives/overview/introduction)).\n\n- Built with Angular and TailwindCSS v4\n- RadixNG and Angular CDK\n- Zoneless enable!\n\n**Demo** → [originui-ng.com/](https://originui-ng.com/)\n\n## Usage\n\n### Prerequisites\n\n- [TailwindCSS v4](https://tailwindcss.com/)\n- [Radix Angular](https://radix-ng.com)\n- [Angular CDK](https://material.angular.io/cdk/categories)\n- [Lucide Angular](https://lucide.dev/guide/packages/lucide-angular)\n\n```bash\n  npm install @radix-ng/primitives @angular/cdk\n```\n\n### OriginUI Components\n\n```bash\n  npm install @origin-ui/components\n```\n\n### Tailwind v4 CSS Variables\nImport the CSS in your `style.css` file (the following is based on tailwindcss):\n\n```css\n:root {\n    --background: oklch(1 0 0);\n    --foreground: oklch(0.141 0.005 285.823);\n    --card: oklch(1 0 0);\n    --card-foreground: oklch(0.141 0.005 285.823);\n    --popover: oklch(1 0 0);\n    --popover-foreground: oklch(0.141 0.005 285.823);\n    --primary: oklch(0.21 0.006 285.885);\n    --primary-foreground: oklch(0.985 0 0);\n    --secondary: oklch(0.967 0.001 286.375);\n    --secondary-foreground: oklch(0.21 0.006 285.885);\n    --muted: oklch(0.967 0.001 286.375);\n    --muted-foreground: oklch(0.55 0.01 286);\n    --accent: oklch(0.967 0.001 286.375);\n    --accent-foreground: oklch(0.21 0.006 285.885);\n    --destructive: oklch(0.637 0.237 25.331);\n    --destructive-foreground: oklch(0.637 0.237 25.331);\n    --border: oklch(0.92 0 286);\n    --input: oklch(0.871 0.006 286.286);\n    --ring: oklch(0.871 0.006 286.286);\n    --chart-1: oklch(0.646 0.222 41.116);\n    --chart-2: oklch(0.6 0.118 184.704);\n    --chart-3: oklch(0.398 0.07 227.392);\n    --chart-4: oklch(0.828 0.189 84.429);\n    --chart-5: oklch(0.769 0.188 70.08);\n    --radius: 0.625rem;\n    --sidebar: oklch(0.985 0 0);\n    --sidebar-foreground: oklch(0.141 0.005 285.823);\n    --sidebar-primary: oklch(0.21 0.006 285.885);\n    --sidebar-primary-foreground: oklch(0.985 0 0);\n    --sidebar-accent: oklch(0.967 0.001 286.375);\n    --sidebar-accent-foreground: oklch(0.21 0.006 285.885);\n    --sidebar-border: oklch(0.92 0.004 286.32);\n    --sidebar-ring: oklch(0.871 0.006 286.286);\n}\n\n.dark {\n    --background: oklch(0.141 0.005 285.823);\n    --foreground: oklch(0.985 0 0);\n    --card: oklch(0.141 0.005 285.823);\n    --card-foreground: oklch(0.985 0 0);\n    --popover: oklch(0.141 0.005 285.823);\n    --popover-foreground: oklch(0.985 0 0);\n    --primary: oklch(0.985 0 0);\n    --primary-foreground: oklch(0.21 0.006 285.885);\n    --secondary: oklch(0.274 0.006 286.033);\n    --secondary-foreground: oklch(0.985 0 0);\n    --muted: oklch(0.21 0.006 285.885);\n    --muted-foreground: oklch(0.65 0.01 286);\n    --accent: oklch(0.21 0.006 285.885);\n    --accent-foreground: oklch(0.985 0 0);\n    --destructive: oklch(0.396 0.141 25.723);\n    --destructive-foreground: oklch(0.637 0.237 25.331);\n    --border: oklch(0.274 0.006 286.033);\n    --input: oklch(0.274 0.006 286.033);\n    --ring: oklch(0.442 0.017 285.786);\n    --chart-1: oklch(0.488 0.243 264.376);\n    --chart-2: oklch(0.696 0.17 162.48);\n    --chart-3: oklch(0.769 0.188 70.08);\n    --chart-4: oklch(0.627 0.265 303.9);\n    --chart-5: oklch(0.645 0.246 16.439);\n    --sidebar: oklch(0.205 0 0);\n    --sidebar-foreground: oklch(0.985 0 0);\n    --sidebar-primary: oklch(0.488 0.243 264.376);\n    --sidebar-primary-foreground: oklch(0.985 0 0);\n    --sidebar-accent: oklch(0.269 0 0);\n    --sidebar-accent-foreground: oklch(0.985 0 0);\n    --sidebar-border: oklch(0.274 0.006 286.033);\n    --sidebar-ring: oklch(0.442 0.017 285.786);\n}\n```\n\n### Angular CDK styles\nImport in your `style.css` file:\n\n```css\n@import '@angular/cdk/overlay-prebuilt.css';\n@import '@angular/cdk/a11y-prebuilt.css';\n```\n\n## Contributing\n\nContributions are welcome! Please feel free to submit a Pull Request.\n\n## Terms of Use\n\nFeel free to use these components in personal and commercial projects. However, while the tutorials and demos are available for your use as-is, they cannot be redistributed or resold.\n\n## Contact\n\nFor any questions or feedback, please open an issue on this repository.\n[Join our Discord](https://discord.gg/NaJb2XRWX9)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fradix-ng%2Forigin-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fradix-ng%2Forigin-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fradix-ng%2Forigin-ui/lists"}