Production

NHS App frontend

The NHS App frontend is a CSS library built on top of the NHS.UK frontend. It provides NHS App-specific styles and components.

This guide explains how to set up the NHS App frontend in production.

Before you start

Before you begin, make sure you have followed the NHS design system production setup guide.

Include the NHS App frontend in your project

To start using NHS App styles, components, and patterns, you need to add the NHS App frontend to your project.

Install using npm

We recommend installing the NHS App frontend using npm. This option lets you:

  • select which component CSS to include
  • build your own styles or components using the palette, typography, and spacing mixins
  • customise the build, such as overriding colours or enabling global styles
  • use the component Nunjucks templates