Sign In

@nvidia-elements/core

Package Overview
Dependencies
Maintainers
2
Versions
43
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@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
npmnpm
Version
2.4.0
Version published
Weekly downloads
664
11.97%
Maintainers
2
Weekly downloads
 
Created
Source

@nvidia-elements/core

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

  • Documentation
  • Changelog
  • Repo
  • npm

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

nvidia

FAQs

Package last updated on 21 Aug 2026

Related posts