{"id":48448443,"url":"https://github.com/nvidia/elements","last_synced_at":"2026-06-06T06:00:51.505Z","repository":{"id":348791929,"uuid":"1170974915","full_name":"NVIDIA/elements","owner":"NVIDIA","description":null,"archived":false,"fork":false,"pushed_at":"2026-04-16T22:59:32.000Z","size":93443,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2026-04-17T00:39:36.522Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":false,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/NVIDIA.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":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":"NOTICE.md","maintainers":null,"copyright":null,"agents":"AGENTS.md","dco":null,"cla":null}},"created_at":"2026-03-02T18:28:07.000Z","updated_at":"2026-04-16T22:59:29.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/NVIDIA/elements","commit_stats":null,"previous_names":["nvidia/elements"],"tags_count":72,"template":false,"template_full_name":null,"purl":"pkg:github/NVIDIA/elements","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NVIDIA%2Felements","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NVIDIA%2Felements/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NVIDIA%2Felements/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NVIDIA%2Felements/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/NVIDIA","download_url":"https://codeload.github.com/NVIDIA/elements/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/NVIDIA%2Felements/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32165201,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-23T02:19:40.750Z","status":"ssl_error","status_checked_at":"2026-04-23T02:17:55.737Z","response_time":53,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":"2026-04-06T19:01:55.519Z","updated_at":"2026-04-23T04:01:02.092Z","avatar_url":"https://github.com/NVIDIA.png","language":"TypeScript","funding_links":[],"categories":["Real World"],"sub_categories":["Design Systems"],"readme":"# Elements\n\nThe Design Language for AI/ML Factories Building at the Speed of Light\n\n- [Elements Documentation](https://NVIDIA.github.io/elements/)\n\n## Requests and Contributions\n\n- [Contribution Guidelines](https://NVIDIA.github.io/elements/docs/about/contributions/)\n- [Feature request](https://github.com/NVIDIA/elements/issues/new?issuable_template=feature)\n- [Bug report](https://github.com/NVIDIA/elements/issues/new?issuable_template=default)\n\n## Organization\n\nThe repository is organized as a top-level **overall** repository and, inside that, libraries are broken up into individual **project** directories.\n\nProject directories have their own `package.json` and commands. But all setup for the CI and development needs to happen at the root **repository** level.\n\nExamples of projects include:\n\n- `/projects/starters` - Suite of standardized starter apps for Elements and Patterns\n- `/projects/core` - Elements library: curated UI maintained by the Elements team\n- `/projects/themes` - Elements Theme library: provides a set of supported themes for Element based projects\n- `/projects/styles` - Elements Styles library: provides a set of CSS utilities for layout and typography\n\n## Development\n\n### Setup\n\nTo setup repository dependencies and run the full build, run the following commands at the **root** of the repository:\n\n```shell\n# install required dependencies\ncurl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.1/install.sh | bash\n. ~/.nvm/nvm.sh\nnvm install\nnpm install -g corepack@0.34.5\ncorepack enable\ncorepack prepare --activate\npnpm i --frozen-lockfile --prefer-offline\n```\n\n```shell\n# run ci pipeline locally (lint, build, test)\npnpm run ci\n```\n\n#### Troubleshooting\n\nIf you are coming from development from a different repository, you may need to install a new version of node in `nvm`. If you see an error message to this effect, [refer to the nvm docs](https://github.com/nvm-sh/nvm?tab=readme-ov-file#usage) for installing the missing node version and for directions on switching between versions of `node` using `nvm`. Once `nvm` is installed you can switch to the repository defined node and pnpm versions by re-running the [setup/install step](#setup) above.\n\nIf you actively work/switch between different repositories run `nvm use \u0026\u0026 corepack prepare --activate` in the root of the project to ensure use of the correct node/pnpm version.\n\n### Building\n\nBoth the top-level repository and each project has a set of standardized npm scripts. To build and test all projects run `pnpm run ci` at the root of repository.\n\n#### Top-Level Repository\n\n- `ci`: run full build/lint/test\n- `ci:all`: entire CI process: build, lint, unit/lighthouse/visual tests\n- `ci:reset`: clear all caches/dependencies then reinstall dependencies\n\n#### Individual Projects\n\n- `dev`: run in watch mode\n- `build`: run project/library build\n- `test`: run unit tests\n- `test:lighthouse`: run lighthouse performance tests\n- `test:visual`: run playwright visual regression tests\n- `test:axe`: run axe tests for a11y\n\nTo learn in detail how the repo is built and run see our [build README.md](https://github.com/NVIDIA/elements/blob/main/build/README.md).\n\n## Workflow\n\nBefore creating a branch or pull request be sure to make a [new issue or feature request](https://github.com/NVIDIA/elements/issues/new) first for the team to evaluate. This will help ensure that your work aligns with the goals of the project and that you are not duplicating effort.\n\n### Create a Branch\n\nUse a descriptive branch name with a prefix. Example `feature/bug-fix`.\n\n```shell\ngit checkout -b topic/bug-fix\n```\n\nOnce your branch is created, make your source code changes. Once your changes are complete run `pnpm run ci` in the root of the repo to run all the builds and tests. If all tests pass, you are ready to create a PR.\n\n### Commit Messages\n\nThe repo uses [Semantic Release](https://semantic-release.gitbook.io/semantic-release/) to manage package changes. Commit messages determine the type of release on merge. [Commit Lint](https://commitlint.js.org/) will enforce and catch any formatting issues in commits.\n\n```shell\ngit commit -a -m \"fix(core): disabled multi-select\"\n```\n\n[Example Commit](https://github.com/NVIDIA/elements/commit/990d8f43a4a055c2f1ca1a6aa0af39f099d04649)\n\n| Types   | Description                                                     |\n| ------- | --------------------------------------------------------------- |\n| `fix`   | bug fixes, performance fixes                                    |\n| `feat`  | new features, components, APIs                                  |\n| `chore` | non production code modifications, build tooling, documentation |\n\n| Scopes                       | Description                   |\n| ---------------------------- | ----------------------------- |\n| `ci`                         | `/projects/internals`         |\n| `starters`                   | `/projects/starters`          |\n| `elements`                   | `/projects/core`          |\n| `themes`                     | `/projects/themes`            |\n| `monaco`                     | `/projects/monaco`            |\n| `labs-cli`                   | `/cli`                        |\n| `labs-code`                  | `/code`                       |\n| `forms`                      | `/projects/forms`             |\n\nKeep commit names focused on the changes you are making as the commit message is what is used to determine the next release and generated changelog notes.\n\n### Opening a Pull Request\n\nOnce you have committed your changes to your branch locally, push them to the remote GitHub repository.\n\n```bash\ngit push --set-upstream origin topic/bug-fix\n```\n\nOpen a new [Pull Request](https://github.com/NVIDIA/elements/pulls) in GitHub. Request review from the team members and apply the appropriate labels it the GitHub UI for example, `type:fix` and `scope:elements`.\n\n#### Amending Commit\n\n**If there are changes requested**, make the requested changes locally and amend the commit.\n\n```shell\ngit commit -a --amend --no-edit\n```\n\nThis will add the changes to your existing commit. Then push the updated commit back to the remote branch for review.\n\n```shell\ngit push --force origin topic/bug-fix\n```\n\n#### Rebasing Commit\n\nSometimes changes are merged to main before your PR is approved. To update your local branch to contain the latest changes from main you will need to rebase.\n\n```shell\ngit checkout main # Switch to main branch\ngit pull # Pull down any new changes\ngit checkout topic/bug-fix # Switch back to your topic branch\ngit rebase main # Rebase your branch onto the latest main\n```\n\nYou may have to resolve any merge conflicts that arise from this process. Once complete, push the updated branch back to the remote repository for review.\n\n### New Project\n\nWhen creating a new project, ex: `./projects/code`, make sure to add the project to the `pnpm-workspace.yaml` located at the root directory.\n\n### Release\n\nOnce your Pull Request is approved, you can merge it into `main` via the GitHub UI. This will trigger a [new release](https://github.com/NVIDIA/elements/releases) of the package automatically. The version number will be bumped based on the type of commit (see above). The [changelog](https://NVIDIA.github.io/elements/docs/changelog/) will also be updated with the changes from the commits in the PR.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnvidia%2Felements","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnvidia%2Felements","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnvidia%2Felements/lists"}