GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.
See live examples of GOV.UK Frontend components, and guidance on when to use them in your service, in the GOV.UK Design System.
We want to find out about which frontend technologies and resources you use to support your project.
We've run the Government Frontend survey about every 2 years since 2016 and it helps us understand how to best support service teams across government.
We'll share what we learn along with a comparison of our results.
Fill in the Government Frontend survey by 30 June 2021
This survey is open to anyone that does frontend in government or the public sector, even if it's not their main role, so please share with your wider communities if you can 🙂
GOV.UK Frontend is maintained by a team at Government Digital Service. If you want to know more about GOV.UK Frontend, please email the Design System team or get in touch with them on Slack.
There are 2 ways to start using GOV.UK Frontend in your app.
Once installed, you will be able to use the code from the examples in the GOV.UK Design System in your service.
We recommend installing GOV.UK Frontend using node package manager (npm).
You can also install GOV.UK Frontend by copying our CSS, JavaScript and asset files into your project.
GOV.UK Frontend supports:
- recommended browsers
- recommended assistive technologies
- Internet Explorer 8, 9 and 10, although components may not look perfect
- your users overriding colours in Windows, Firefox and Chrome
The GOV.UK Design System team works hard to ensure that GOV.UK Frontend is accessible.
Using Frontend will help your service meet level AA of WCAG 2.1. But you must still check that your service meets accessibility requirements, especially if you extend or modify components.
You should also use:
- the JavaScript from GOV.UK Frontend
- a separate stylesheet if you support Internet Explorer 8
Your service will not meet level AA of WCAG 2.1 if you use compatibility mode to use GOV.UK Frontend with old frameworks or the old colour palette.
You can also read the accessibility statement for the GOV.UK Design System.
If you get a warning from a linter or accessibility checker, check our list of issues you should not need to fix.
To be notified when there’s a new release, you can either:
- watch the govuk-frontend Github repository
- join the #govuk-design-system channel on cross-government Slack
Find out how to update with npm.
Unless stated otherwise, the codebase is released under the MIT License. This covers both the codebase and any sample code in the documentation. The documentation is © Crown copyright and available under the terms of the Open Government 3.0 licence.
If you want to help us build GOV.UK Frontend, view our contribution guidelines.