• 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

Intro to NYS Design System Web Components

What are web components, and why does the NYS Design System use them for its component library? More info on how they work and how they help build accessible, reusable UI across any framework.

In this video:

  • What makes our components framework-agnostic
  • Adding accessibility from the start
  • Finding documentation and examples
  • Components and modern development workflows

Explore the code

Previous Video: Using the Visual Component Library Next Video: First Steps with the NYS Design System Component Library

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