{"id":16328972,"url":"https://github.com/rangle/radius-workspace","last_synced_at":"2025-07-20T07:35:00.749Z","repository":{"id":37086297,"uuid":"402813801","full_name":"rangle/radius-workspace","owner":"rangle","description":"Main workspace for the new version of Radius","archived":false,"fork":false,"pushed_at":"2023-03-13T20:54:29.000Z","size":9699,"stargazers_count":4,"open_issues_count":1,"forks_count":0,"subscribers_count":9,"default_branch":"main","last_synced_at":"2025-04-10T16:49:50.995Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/rangle.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-09-03T15:21:00.000Z","updated_at":"2023-08-03T05:54:28.000Z","dependencies_parsed_at":"2024-11-24T15:00:59.613Z","dependency_job_id":null,"html_url":"https://github.com/rangle/radius-workspace","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/rangle/radius-workspace","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rangle%2Fradius-workspace","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rangle%2Fradius-workspace/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rangle%2Fradius-workspace/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rangle%2Fradius-workspace/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rangle","download_url":"https://codeload.github.com/rangle/radius-workspace/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rangle%2Fradius-workspace/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266086218,"owners_count":23874487,"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":[],"created_at":"2024-10-10T23:14:37.268Z","updated_at":"2025-07-20T07:35:00.724Z","avatar_url":"https://github.com/rangle.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# Radius Workspace - A Design System Boilerplate Generator\n\n## Background\n\nThe Radius design system starter kit is a collection of open-source tools and libraries developed by Rangle to guide devs to build design systems faster. Design systems need to match increasingly flexible brand and product needs, to adapt to everchanging digital workflows.\n\n`radius-workspace` is 1 of 3 repositories that constitute the Radius ecosystem for accelerating the building of design systems!\n\nThis workspace reflects our internal R\u0026D efforts to:\n\n- automate the generation of design system starter boilerplates with a CLI\n- offer the choice of popular choices around tooling, JS frameworks and style libraries\n- enable the easy translation of Figma design tokens into styles within your new boilerplate that your dev team can readily work with and scale\n\nSee also:\n\n- [npm package](https://www.npmjs.com/package/radius-script) for our CLI Tool\n- [Radius-Angular](https://github.com/rangle/radius-angular)\n- [Radius[for React]](https://github.com/rangle/radius)\n- [rangle.io/radius](https://rangle.io/radius)\n- [Radius Design Kit](https://www.figma.com/file/RqENxZWAzGiEWM7COch1Sc/Radius-Design-Kit) on Figma\n\n## Key Features\n\nUse the CLI to:\n\n- Generate design tokens from Figma URL\n- Generate a design system repository\n- WIP: Publish your generated design system to the npm registry\n\n## Try Out the CLI\n\n![Terminal window showing npx radius-script init command](imgs/radius-script-angular.gif)\n\n1. Create a new design system project folder by running `npx radius-script init`\n1. Select your framework of choice, name your project folder, and `cd` into it.\n1. Run `npm install` to install all dependencies\n1. Extract tokens from Figma `npx radius-script styles`\n\n## Requirements\n\nTo use Radius node version `14+` is needed\n\n### Setup Dev\n\nEnable yarn workspaces:\n`yarn config set workspaces-experimental true`\n\nInstall dependencies:\n`lerna bootstrap`\n\n## Create Design System instances with the Radius CLI Locally\n\n1. Instantiate a design system boilerplate!\n   `npm cli:init` or `yarn cli:init`\n\n2. Bootstrap the styles with Figma URL!\n\nPre-requisites:\n\n- a Figma URL\n- a Figma token\n- optional environment variables for `packages/cli/.env` : `FIGMA_URL`, `FIGMA_TOKEN`\n\n`npm cli:styles` or `yarn cli:styles`\n\n## Tooling\n\n- lerna for package distribution and publishing: uses yarn under the hood to pull dependencies\n- husky for pre-commit actions, testing and linting\n- eslint for formatting\n- github actions for CI/CD\n- tsnode for debugging\n- jest for unit tests\n- commitizen for conventional commit messages\n\n## What's Inside\n\n```\n.\n├── .github\n    └── workflows/\n├── .gitignore\n├── .vscode/\n├── CODE_OF_CONDUCT.md\n├── CONTRIBUTING.md\n├── DSMODULES.md\n├── LICENSE\n├── README.md\n├── jest.config.base.js\n├── jest.config.js\n├── lerna.json\n├── package.json\n├── packages\n│   └── cli\n        └── bin/\n        └── coverage/\n        └── dist/\n        └── node_modules/\n        └── src/\n├── tsconfig.json\n└── tsconfig.paths.json\n\n```\n\n## Contributing\n\nWant to help us improve this, or hoping to see your favorite libraries or build tools integrated?\nSee [CONTRIBUTING.md](./CONTRIBUTING.md)\n\n## License\n\n- TODO - Make sure this is the right license\n\n[MIT](./LICENSE)\n\n## Acknowledgments\n\n- PR template is taken from [here](https://embeddedartistry.com/blog/2017/08/04/a-github-pull-request-template-for-your-projects/)\n- License was generated [here](https://choosealicense.com/licenses/mit/)\n- Referenced this [for the contributing doc](https://gist.github.com/briandk/3d2e8b3ec8daf5a27a62)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frangle%2Fradius-workspace","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frangle%2Fradius-workspace","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frangle%2Fradius-workspace/lists"}