Installation

The quickest way to get the UCLA Design System into your project is using the CDN-hosted assets.

CSS

Copy and paste this in the <head> of your document before any other stylesheet


<link rel="stylesheet" crossorigin="anonymous" integrity="sha384-wi2VynzESll6mTugelvpQevdu2leaWsckeKdqP92Q4ywCFUAxh+kAF6s/Myl0745" href="https://cdn.designsystem.brand.ucla.edu/build/v2.0.0-beta.2/css/ucla-lib.min.css" />

JavaScript

Copy and paste this before the closing </body> tag.


<script type="text/javascript" crossorigin="anonymous" integrity="sha384-B5qx2SfFBeAYDYP2ldt+f/4/GjCHs1/Bp1ppKTwxuwktvf/OyyJQ5WMjdL31HmOj" src="https://cdn.designsystem.brand.ucla.edu/build/v2.0.0-beta.2/js/ucla-lib-scripts.min.js" />

Download source

If you would like to host the assets yourself, you can download the compiled version here.

Download