@nvidia-elements/core

The Design Language for AI/ML Factories Building at the Speed of Light. Provides a set of accessible and themeable UI elements.

latest

Source

npm

Version: 2.3.0

Version published: 2 days ago

Maintainers: 2

Created: 4 months ago

Source

@nvidia-elements/core

NVIDIA Design System and UI Agent Harness for AI/ML Factories, Robotics, and Autonomous Vehicles.

Getting Started

# local .npmrc file
registry=https://registry.npmjs.org

# https://registry.npmjs.org
npm login

npm install @nvidia-elements/themes @nvidia-elements/styles @nvidia-elements/core

Elements ships as many small packages. This allows you to choose what tools your application needs and omit anything unnecessary, improving application performance.

Usage

/* base theme */
@import '@nvidia-elements/themes/fonts/inter.css';
@import '@nvidia-elements/themes/index.css';

/* optional themes */
@import '@nvidia-elements/themes/high-contrast.css';
@import '@nvidia-elements/themes/reduced-motion.css';
@import '@nvidia-elements/themes/compact.css';
@import '@nvidia-elements/themes/dark.css';
@import '@nvidia-elements/themes/debug.css';

/* optional CSS utilities */
@import '@nvidia-elements/styles/typography.css';
@import '@nvidia-elements/styles/layout.css';
@import '@nvidia-elements/styles/view-transitions.css';

// Load via typescript imports to make available in HTML templates
import '@nvidia-elements/core/button/define.js';
import '@nvidia-elements/core/dot/define.js';
...

<!-- set global theme -->
<html nve-theme="dark" nve-transition="auto">

<!-- use component in HTML template -->
<nve-button>hello there</nve-button>

Keywords

FAQs

What is @nvidia-elements/core?

Is @nvidia-elements/core well maintained?

Package last updated on 07 Aug 2026

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install