• 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

Quick Start: React + NYS Design System

Learn how to set up a new React project, install the NYS Design System, and use it.

Explore the code

Previous Video: Quick Start: Angular + NYS Design System Next Video: Quick Start: Vue + NYS Design System

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