Modem Pattern Library

Welcome to the Modem Pattern library! Here you'll find a comprehensive styleguide covering all of the HTML, CSS, and JS components used by Modem sites and apps.

Download

Hit the button below to download the latest build of the Modem Pattern Library.

Download Modem Patterns

CDN

Requirements

In addition to modem.js and modem.css you will also need the following libraries in order to use the Modem Pattern Library:

Quick start

<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>...</title>

    <!-- NB: Remember to include required third-party CSS -->

    <link rel="stylesheet" href="css/modem.css">
  </head>
  <body>
    <p>Hello World from Modem Pattern Library!</p>

    <!-- NB: Remember to include required third-party JS -->

    <script src="js/modem.js"></script>
    <script>require(["modem"])</script>
  </body>
</html>