Read the latest updates from the Design System team. We will highlight new features, changes, and progress.

July 2021

February 2021

December 2020

October 2020

August 2020

July 2020

We finally have a way to create our own HTML elements and use them in any framework we want. This update is our investment in that web standard and our first public release.

The redesigned library website was launched and is built with the Design System 🤩. Also, Library Search has been updated to use the Universal Header and Chat.

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

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://cdn.jsdelivr.net/npm/@umich-lib/web@1.3.0/umich-lib.css" rel="stylesheet"/>
<script type="module" src="https://cdn.jsdelivr.net/npm/@umich-lib/web@1.3.0/dist/umich-lib/umich-lib.esm.js"></script>
<script nomodule src="https://cdn.jsdelivr.net/npm/@umich-lib/components@1.1.0/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.