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

Google Tag Manager and data layer

Ensure your site or application has the necessary analytics integrations.

GTM and data layer guide

Unity Design System Package Registry

Learn how to use the private package registry to incorporate Unity packages in your site or application. Note: You must belong to the ASU GitHub organization to access these packages. Request access to the Unity Design System GitHub Repo if you need that.

Visit package registry

@asu/app-degree-pages

ASU implementation of degree pages

Launch

@asu/app-rfi

ASU Request For Information (RFI) form

Launch

@asu/app-webdir-ui

App Webdir UI

Launch

@asu/component-carousel

ASU implementation of @glidejs/glide npm library for carousels

Launch

@asu/component-cookie-consent

ASU Cookie Consent

Launch

@asu/component-events

ASU Events component

Launch

@asu/component-footer

ASU implementation of global footer

Launch

@asu/component-header

ASU Global Header

Launch

@asu/component-news

ASU News component

Launch

@asu/components-core

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

Launch

@asu/unity-bootstrap-theme

Base UI theme for ASU Web Standards 2.0 developed with Bootstrap 5

Launch