Production

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

Import font and image assets

To use the font and image assets from MoJ Frontend and GOV.UK Frontend, you can either serve the assets from the combined assets folders or copy the font and image files into your application

View the ‘Import font and image assets’ documentation

Import JavaScript

Several MoJ Design System components use JavaScript to provide interactive features. In order to fully use these components you will need to add some code to your service to set up the JavaScript.

View the ‘Import JavaScript’ documentation

Install with Node.js package manager (npm)

We recommend installing MoJ Frontend using npm.

View the ‘Install with Node.js package manager (npm)’ documentation

MoJ Frontend

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

View the ‘MoJ Frontend’ documentation

Try MoJ Frontend using precompiled files

If your project does not use npm (or you want to try out MoJ Frontend without installing it through npm) download and include compiled stylesheets.

View the ‘Try MoJ Frontend using precompiled files’ documentation

Use Nunjucks

You can use our Nunjucks code to generate the HTML for pages and components. You can also change the HTML that’s generated by passing options into the Nunjucks code.

View the ‘Use Nunjucks’ documentation