Start Designing
Reusable design templates with built-in code-paired components.
Start Developing
Code components to create rich user experiences.
What is the New York State Design System?
Component Library
This a collection of common front-end code grouped together in components that can
be shared and reused across multiple codebases, often with design, state, and default behavior built-in.
Design Libraries
This is a library of icons, styles, components, and variables that can be shared and
reused across multiple design files for consistent design and prototyping.
Design Tokens
A collection of design decisions stored in key-value pairs, abstracted so they can
easily be used across a wide range of platforms, design and code.
Typography
A collection of standard NYS brand-approved typefaces that need to be used in both
design and development product work.