Cookies on MoJ Design System

We’d like to use analytics cookies so we can understand how you use the service and make improvements.

Skip to main content

Setup for production Install MoJ Frontend

This guide explains how to set up your project so you can start using the styles and coded examples in the MoJ Design System in production.

Before you start

First you must have followed the GOV.UK Design System production setup guide.

Include the MoJ Frontend in your project

To start using MoJ styles, components and patterns contained here, you’ll need to include MoJ Frontend in your project.

Option 1: install using npm

We recommend installing MoJ Frontend using npm. Using this option, you will be able to:

  • selectively include the CSS or JavaScript for individual components
  • build your own styles or components based on the palette or typography and spacing mixins
  • customise the build (for example, overriding colours or enabling global styles)
  • use the component Nunjucks templates

You will also need to set up JavaScript if you want to use any interactive components.

Option 2: include compiled files

If your project does not use npm, or if you want to try out MoJ Frontend in your project without installing it through npm, you can download and include compiled stylesheets, JavaScript and the asset files.

Using this option, you will be able to include all the CSS and JavaScript of GOV.UK Frontend in your project.

You will not be able to:

  • selectively include the CSS or JavaScript for individual components
  • build your own styles or components based on the palette or typography and spacing mixins
  • customise the build, for example, overriding colours or enabling global styles
  • use the component Nunjucks templates

Get help

You can contact the MoJ Design System team for help or support.