elements

What it is

NVIDIA Elements is a design system and UI agent harness for AI/ML Factories, Robotics, and Autonomous Vehicles. It provides agent ready tooling where a CLI and MCP expose component APIs, tokens, examples, imports, validation and setup to terminals and AI assistants. It is built for AI infrastructure operational UI such as autonomous vehicle tools and robotics consoles, and it offers stable API contracts through skills, lint guides and automated static analysis.

Framework agnostic components

The web components run in React, Angular, Vue, Svelte, Lit, plain HTML, server rendered templates and mixed stacks, so teams can adopt them without committing to one framework. The repository is organized as a top level repository with individual project directories: starters for standardized starter apps, core for the curated Elements library, themes for supported themes, and styles for CSS layout and typography utilities.

Development workflow

Setup uses mise to install a pinned toolchain of Node.js, pnpm, Vale, Go, Git LFS and package versions from mise.toml and pnpm-lock.yaml. The CI pipeline also builds Go starters, requiring Go 1.26.x for the full local run. Standardized npm scripts cover ci for build/lint/test, ci:all for the entire process including lighthouse and visual tests, and per project scripts for dev, build, unit tests, lighthouse, playwright visual regression and axe accessibility tests. The project is Apache-2.0 licensed.

Editorial conclusion

NVIDIA Elements is Apache-2.0 licensed and reported seventy eight stars at indexing, with documentation hosted at nvidia.github.io/elements and an MCP interface for AI assistants.