Get Started with the NYS Design System
The NYS Design System gives your team the tools to build accessible, consistent digital experiences faster. There are three ways to use it, whether you are starting from scratch or working within an existing application.
Choose Your Path
Three Ways to Use the Design System
Code: Use the Web Components
Build new products and modernize existing ones faster with prebuilt, accessible UI components. Our web components handle responsiveness, keyboard navigation, screen reader support, and theme switching automatically—so your team can focus on application logic, not accessibility infrastructure.
Each component is production-ready, thoroughly tested, and built for government use cases: DMV forms, benefits applications, permit systems, and agency dashboards.
You can adopt all three approaches or start with what fits your situation. Many teams begin with styles and tokens in an existing application, then add web components incrementally as their team builds confidence and finds the right moments to refactor.
Learn the System
The NYS Design System team created a video tutorial series to walk you through how the system works and how to use it in your team's workflow.
Edit this page on GitHub (Permissions required)
Last updated: October 9, 2026