GOV.UK Prototype Kit

Quickly make interactive, accessible and realistic prototypes of GOV.UK services.

Use prototypes to get valuable feedback and insights from user research or the people you work with.

Who the kit is for

The kit is used by teams across government. Anyone can use the kit, including:

• content, interaction and service designers
• developers
• user researchers
• product owners

Save time with templates and components

The kit comes with templates to create common page types.

You can also copy example code from the GOV.UK Design System to add styles, components and patterns into your prototype. This means you can:

• create prototypes quickly and easily
• learn from the research and experience of other service teams
• avoid repeating work that's already been done

Getting started

The Prototype Kit runs in Node.js. It is built on the Express framework and uses GOV.UK Frontend.

Requirements

Node.js LTS version 22.x.x

Run the kit

In your terminal run:

npm run dev

Go to localhost:3000 in your browser.

Useful links

GOV.UK Design System

GOV.UK Prototype Kit - Tutorials and guides

GOV.UK Frontend - Releases (changes to the Design System are documented here)