U-M LIBRARY
We design our websites for everyone.
Apply our Web Components and resources to create a trusted and digitally inclusive University of Michigan Library.
Web Components
Chat
The Chat component provides access to the Ask a Librarian live chat service.
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.
Website Header
The Website Header displays our logo and shows users what U-M Library website that they are using.
Get started
You can start using the Web Components and design tokens immediately by adding this stylesheet and these script tags to the <head>:
<link href​=​"​https://unpkg.com/@umich-lib/css@v1/dist/umich-lib.css​" rel="stylesheet"/>
<script type="module" src​=​"​https://unpkg.com/@umich-lib/components@v1/dist/umich-lib/umich-lib.esm.js​"​>​</​script​>
<script nomodule src​=​"​https://unpkg.com/@umich-lib/components@v1/dist/umich-lib/umich-lib.js​"​>​</​script​>

Use this design system across any framework or no framework at all. We accomplish this by using standardized web platform APIs. We love HTML, CSS, and JavaScript.
UNIVERSITY OF MICHIGAN LIBRARY
913 S. University Avenue
Ann Arbor, MI 48109
WEB COMPONENTS
Chat
Universal Header
Website Header
RESOURCES
Design tokens
Updates
Support
Accessibility
© 2020, Regents of the University of Michigan
Built with the U-M Library Design System, Eleventy, and Github.