@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.

Source

npm

Version: 2.1.3

Version published: 4 weeks ago

Weekly downloads: 540

Maintainers: 2

Weekly downloads

Created: 5 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

web-components

design-system

ui-components

FAQs

What is @nvidia-elements/core?

Is @nvidia-elements/core popular?

Is @nvidia-elements/core well maintained?

Package last updated on 20 Jul 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