NVIDIA Elements
The Design Language and UI Agent Harness for AI/ML Factories, Robotics, and Autonomous Vehicles
Built for AI Infrastructure
Operational UI Foundations for AI/ML workloads, autonomous vehicle tools, and robotics consoles.
Framework Agnostic
Web Components run in React, Angular, Vue, Svelte, Lit, plain HTML, server-rendered templates, and mixed stacks.
CLI and MCP expose component APIs, tokens, examples, imports, validation, and setup to terminals and AI assistants.
Stable API Contracts
Skills and lint guide authoring best practices, common Design System UI patterns and automated static analysis.
# install CLI
curl -fsSL https://nvidia.github.io/elements/install.sh | bash
# create a new project
nve project.create
# configure dependencies and MCP tools
nve project.setup
# install CLI
curl -fsSL https://nvidia.github.io/elements/install.sh | bash
# create a new project
nve project.create
# configure dependencies and MCP tools
nve project.setup
/* CSS */
@import '@nvidia-elements/themes/index.css';
/* CSS */
@import '@nvidia-elements/themes/index.css';
// JavaScript
import '@nvidia-elements/core/button/define.js';
// JavaScript
import '@nvidia-elements/core/button/define.js';
<!-- HTML-->
<nve-button>hello there</nve-button>
<!-- HTML-->
<nve-button>hello there</nve-button>