has been released! Read the upgrade guide

Learning resources

Brand new guidance

We strongly encourage our community to follow this guidance. It’s not mandatory yet, but it will become part of the MOD Service Assessments in due time. Questions? Contact your friendly MOD Design System team:

On this page you will find some indispensable learning resources to help you to get up to speed with a variety of web technologies that are foundational to the Design System.

These resources will help you gain the fundamental knowledge to put the Design System to the best possible use.

1Key technologies

ES2015+ (modern JavaScript)

ES2015+ is the first significant update to the language since ES5 became standardised in 2009.

We recommend reading: Babel Learn ES2015+ documentation.


React makes it painless to create interactive User Interfaces (UIs). Design simple views for each state in your application and React will efficiently update and render just the right components when your data changes.

Build tools (webpack)

webpack is a module bundler. Its main purpose is to bundle JavaScript files for use in a browser, and it’s also capable of transforming, bundling or packaging just about any resource or asset.


The MOD.UK Design System provides guidance and tools for building high–quality Services within the UK Ministry of Defence. This project is open source and its source code is available on GitHub.

All content is available under the Apache 2.0 licence, except where otherwise stated.

© Crown copyright