The Design System makes it easy to implement and use its components across any framework or no framework at all. We accomplish this by using standardized web platform APIs and Web Components.


The Chat component provides access to the Ask a Librarian live chat service.

Learn about how and when to use Chat

Universal Header

The Universal Header shows users that they are on a U-M Library website and provides a quick and organized way for users to access other library websites.

Learn about how and when to use Universal Header

Website Header Experimental

The Website Header displays our logo and shows users what U-M Library website that they are using.

Learn about how and when to use Website Header

If you found a mistake on this page, would you kindly submit a fix on GitHub?

Need help? Ask the team about your Design System questions.