Import CSS
To use the CSS from MoJ Frontend and GOV.UK Frontend, you can either add MoJ Frontend and GOV.UK Frontend’s CSS files to your HTML or load the CSS files into your own Sass file.
Setup for 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
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.
Install with Node.js package manager (npm)
We recommend installing MoJ Frontend using npm.
View the 'Install with Node.js package manager (npm)' guidance
MoJ Frontend
To start using MoJ styles, components and patterns contained here, you’ll need to include MoJ Frontend in your project.
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' guidance
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.