The Design System for the Commonwealth of Massachusetts

Mayflower makes it easy for state agencies to build accessible, mobile-friendly sites or apps consistent with the official Massachusetts brand.

Experimental packages

Experimental packages are component libraries created by the digital services team to build sites like Mass.gov, Search.mass.gov, and Massachusetts budget sites. There are currently two experimental packages; Mayflower Patternlab (for Drupal), and Mayflower React. They are maintained internally and can be used as reference implementations but are not recommended as dependencies for your projects at this time and are not open for feature requests.

See Mayflower in Use

Mass.gov 

Built with Mayflower patternlab and Drupal

Massachusetts budget sites 

Built with Mayflower React

PFML Contribution Calculator 

Built with Mayflower React

Join Mayflower Community

Submit a Github issue 

Found a bug or have a feature request?

Join Mayflower Slack 

Join the Mayflower community and stay updated with releases.

Email Us 

Get in touch with the team for other purposes.