U-M LIBRARY
Updates
Read the latest updates from the Design System team. We will highlight new features, changes, and progress.
July 2021
February 2021
December 2020
Added “Edit in CodePen” option near code examples to support a design system prototyping code playground.
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?
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.
WelcomeChatUniversal HeaderWebsite HeaderDesign tokensSupportUpdates