For creating websites and digital products for The Mayor's Office for Economic Opportunity. The NYCO Patterns provide simple and flexible CSS and JavaScript based components and utilities for building UI's quickly and easily. Ideally suited for internal or external marketing websites, custom digital applications, stand-alone reports, documentation, and dashboards.

Browse the Patterns



Installing via NPM will store NYCO Patterns source and distribution files in your project's node_modules directory under @nycopportunity/patterns.

Source; ES (JavaScript), Sass (stylesheet), and SVG source will be in the src/ directory. Distribution; compiled JavaScript, CSS, and SVGs will be in the dist/ directory. Further integration details can be found in the installation guide.

Read the installation guide

Alternatively, view the quick start documentation to use the CDN method of installation.