Designers can use our static or dynamic Axure libraries to quickly prototype, test and validate ideas with users.
Read the full guideCreate powerful modern applications with the Royal Navy Design System
The Royal Navy Design System is the foundation for all UK defence applications. A single source for intuitive and consistent user interfaces, helping us all to create the best possible digital experiences.
Current version All releases
Get Started
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.
$npm install @royalnavy/react-component-library
Design Principles
Our Design Principles form the foundation of the Royal Navy Design System. See how to apply these rules effectively in your application.
Read PrinciplesDesign System Reference
Our Design Principles form the foundation of the Royal Navy Design System. See how to apply these rules effectively in your application.
Design tokens describe our design language with descrete variables
Browse tokensComponents are reusable UI blocks, built using Design Tokens
Browse componentsPatterns are repeatable collections of components, provided with extra guidance
Browse patternsOur frameworks provide helpful foundations for heavy, interaction-based interfaces
Browse frameworksResources
We provide additional resources to supplement the design system, including fonts, icons and boilerplates.
Browse ResourcesGet Involved
The Royal Navy 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.