NVIDIA Elements

The UI SDK and agent-ready developer toolkit for AI 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.

Agent-ready tooling

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.

Editor and agent tools

Elements is ready for AI-assisted development, with first-class support across editors, agents, and package registries.

Framework support

Elements is framework-agnostic. Web Components run natively across these stacks and static-site generators.

1. Install the CLI

Install the CLI, scaffold a project, and configure dependencies and MCP tools in three commands.

# 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

2. Import into your project

Elements ships as Web Components, so it drops into any stack. Import the theme, a component definition, or use the tag directly.

<!-- CSS -->
<style>
  @import '@nvidia-elements/themes/index.css';
</style>

<!-- JavaScript -->
<script type="module">
  import '@nvidia-elements/core/button/define.js';
</script>

<!-- HTML -->
<nve-button>hello there</nve-button>