Designers can use our static or dynamic Axure libraries to quickly prototype, test and validate ideas with users.Read the full guide
Create powerful, modern applications with the MOD.UK Design System
The MOD.UK Design System is the foundaton for all Defence applications, providing intuitive and consistent, standards led user interfaces, reducing development and training time.
Want to dive right in? Use the following steps to quickly set up a project.
Developers can install our React component library via NPM, or by grabbing the source from GitHub.
Our Design Principles form the foundation of the MOD.UK Design System. See how to apply these rules effectively in your application.Read Principles
Design System Reference
Our Design Principles form the foundation of the MOD.UK Design System. See how to apply these rules effectively in your application.
Design tokens describe our design language with descrete variablesBrowse tokens
Components are reusable UI blocks, built using Design TokensBrowse components
Patterns are repeatable collections of components, provided with extra guidanceBrowse patterns
Our frameworks provide helpful foundations for heavy, interaction-based interfacesBrowse frameworks
We provide additional resources to supplement the design system, including fonts, icons and boilerplates.Browse Resources
The MOD.UK Design System welcomes feedback and contribution. If you have features you would like to see, bugs you would like squashed, or simply have ideas how the make the design system better, please open an issue on GitHub.