UCLA Component Library

Download Components

bitbucket Report an Issue Slack Join the Slack Discussion

This repository is available for official UCLA websites only. Your domain must be a subdomain of ucla.edu and have been created through the 411 domain policy.

Install with CDN

CDN is the recommended type of installation.

  1. Put the <link> reference tag between the <head> tags of your website. Replace 1.0.0-beta.15 version with the version you site in this sites URL.
// Copy below
<link rel="stylesheet" href="https://cdn.webcomponents.ucla.edu/1.0.0-beta.15/css/ucla-lib.min.css">

Place in between your sites head tags

<head>
// After the opening head tag.
  <link rel="stylesheet" href="https://cdn.webcomponents.ucla.edu/1.0.0-beta.15/css/ucla-lib.min.css">
// Before the closing head tag.
</head>
  1. Put the <script> reference tag between the <footer> tags of your website. Replace 1.0.0-beta.15 version with the version you site in this sites URL.
// Copy below
<script type="text/javascript" src="https://cdn.webcomponents.ucla.edu/1.0.0-beta.15/js/ucla-lib-scripts.min.js"></script>

Place in between your site footer tags

<footer>
  // After the  opening footer tag.
  <script type="text/javascript" src="https://cdn.webcomponents.ucla.edu/1.0.0-beta.15/js/ucla-lib-scripts.min.js"></script>
  // Before the closing footer tag.
</footer>

Zip Download

Manually download styles and script files to include in your project.