@nvidia-elements/foundations

NVIDIA UI SDK and agent-ready developer toolkit for AI factories, robotics, and autonomous vehicles.

Shared components and utilities for NVIDIA Elements libraries and custom component development. Elements packages use foundations to share components and behavior without depending directly on @nvidia-elements/core. Advanced users can also use its utility components and internal helpers when building their own Web Components.

• Documentation
• Changelog
• GitHub Repo
• npm

Internal Utilities

Shared helpers support element registration, styling, and other library implementation details. Category entrypoints under /internal provide a semi-public API for Elements packages and advanced component authors. These APIs are not stable. Each category exports its shared helpers through an index.ts file; implementation files remain private:

import { define } from '@nvidia-elements/foundations/internal/define';
import { useStyles } from '@nvidia-elements/foundations/internal/styles';
import { attachInternals } from '@nvidia-elements/foundations/internal/a11y';
import { GlobalStateService } from '@nvidia-elements/foundations/internal/state';

Public Utility Components

Utility components have separate entrypoints for application and library use. The package currently provides:

| Component | Tag | Description | | --------- | --- | ----------- | | Scroll Box | nve-scroll-box | A scrollable container with optional edge shadows and automatic scrolling. |

Getting Started

Install the package and its peer dependency:

npm install @nvidia-elements/foundations @nvidia-elements/themes

Load the base theme in your application's stylesheet:

@import '@nvidia-elements/themes/index.css';

NVIDIA Elements Skill

Install the Elements agent skill with the open skills CLI:

npx skills add https://github.com/nvidia/elements --skill elements