Sign In

@nvidia-elements/core

Package Overview
Dependencies
Maintainers
2
Versions
41
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.

Source
npmnpm
Version
2.1.5
Version published
Weekly downloads
817
-12.9%
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

web-components

FAQs

Package last updated on 21 Jul 2026

Did you know?

Socket

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

Related posts