Mayflower Design System

Overview

The goals of Mayflower are:

  • To create a consistent, inclusive user experience and look and feel across the Commonwealth’s discrete and diverse digital ecosystem for the constituents.

  • To allow Digital Services team and its customers efficiently design and build accessible, mobile-friendly and consistent web products using Mayflower as a unified design system.

Implementations

Name

Distribution

Author/Maintainer

Notes

Mass.gov

Drupal

EOTSS Digital Services Team

Mayflower Patternlab

Search.mass.gov

React + S3

EOTSS Digital Services Team

Mayflower React

RideShare Report

React + S3

EOTSS Digital Services Team

Mayflower React

Public Water Doc Search

React + Github Pages

MassDEP

Mayflower artifacts

RMV ATLAS

FAST proprietary

MassDOT

Mayflower inspired

MassDOT Open Data Portal

ArcGIS

MassDOT

Mayflower inspired

Civil Services Eligibility Lists (Entry level)

ASP.NET

ANF

Mayflower as markup

GIS Parcel Uploader

AWS S3 + Lambda + API Gateway

EOTSS Digital Services Team

Mayflower as markup

DTC Form Release Search

ASP.NET

DTC

Mayflower inspired

Submit your project

If you have a new implementation to add to this list, please open an issue with the following information:

  • The implementation’s target language and/or framework

  • The code repository if it is in Github or it is public

  • The author’s name or alias and contact URL or email address

  • The most recent version of the Mayflower Design System that the project targets

  • Any useful caveats or other notes