Unity Component Explorer

A design system enables your product teams to share learnings across silos, avoid duplicate work and focus more on user experience problems rather than UI problems, complete with guidelines, principles, philosophies and code.

Unity Design Kit

A community-built design system built with Adobe XD.

View the document

ASU Header

Guidelines, requirements and best practices for using the ASU Branded Header in your site.

View the guide

Unity Design System Package Registry

Learn how to install and use the packages listed below in your ASU projects. On your first visit, follow steps 1 and 3, skipping 2. Users cannot publish packages. If you receive errors attempting to install packages from the registry, please ensure the line @asu-design-system:registry=https://registry.web.asu.edu is in your ~/.npmrc file.

Visit package registry

@asu-design-system/app-degree-pages

ASU implementation of degree pages

Launch

@asu-design-system/app-rfi

ASU Request For Information (RFI) form

Launch

@asu-design-system/bootstrap4-theme

Base Bootstrap 4 UI theme for ASU Web Standards 2.0

Launch

@asu-design-system/component-carousel

ASU implementation of @glidejs/glide npm library for carousels

Launch

@asu-design-system/component-events

D8 Events

Launch

@asu-design-system/component-footer

ASU implementation of global footer

Launch

@asu-design-system/component-header

ASU Global Header

Launch

@asu-design-system/component-news

News component

Launch

@asu-design-system/components-core

Core UDS Preact UI components required by other higher-order Preact packages

Launch

@asu-design-system/components-library

ASU Web Standards-compliant Preact components library

Launch

@asu-design-system/cookie-consent

ASU implementation of react-cookie-consent npm library

Launch