University of Michigan LibraryU-M Library
Design System

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

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.