Documentation site

Using Origami modules

Origami’s front end modules contain Sass, JavaScript and markup templates to create great looking UI elements. The Sass and JavaScript needs to be ‘built’ into minified bundles that you can serve as subresources using <link> and <script> tags. The markup templates are there to help you generate the Origami HTML in your application.

The quick way

If you just want to experiment with Origami modules, we have a 5 minute tutorial especially for you

Take me to the 5 minute tutorial

The proper way

There are three steps to getting an Origami module working on your page properly:

  1. Get the module’s JS and CSS onto your page using either a manual build process, or the Build Service
  2. Add the module’s HTML
  3. Take care of the experience for older browsers

If you want to work through these steps, the jumping off point is this guide:

Let’s do this the proper way