• Get Started
  • Foundations
  • Tokens
  • Utilities
  • Components
  • Learn
  • About
  • Whatʼs New
Videos
Videos section header
  • Introducing the NYS Design System
  • Accessible by Design
  • Four Ways You Can Use the NYS Design System
  • Getting Help and Giving Feedback
  • Intro to Designing with the New York State Design System
  • Using the Project Template
  • Using the Visual Component Library
  • Intro to NYS Design System Web Components
  • First Steps with the NYS Design System Component Library
  • Using the NYS Design System CSS Framework
  • Quick Start: Angular + NYS Design System
  • Quick Start: React + NYS Design System
  • Quick Start: Vue + NYS Design System

First Steps with the NYS Design System Component Library

Learn how to install the NYS Design System in your project, set it up, and add your first web component from the reference site.

In this video:

  • Installing @nysds/components from npm
  • Importing components into your code
  • Using the reference site for examples
  • Integrating with your development environment

Explore the code

Previous Video: Intro to NYS Design System Web Components Next Video: Using the NYS Design System CSS Framework

Edit this page on GitHub (Permissions required)

Last updated: October 9, 2026

  • Learn More
    • Get Started
    • Foundations
    • Components
    • Accessibility
  • Resources
    • GitHub
    • NPM Packages
    • Community Figma
    • Fonts GitHub
    • ITS Figma