GOV.UK Frontend
Components
All components
Examples
Full page examples
With single page
- Announcements
- Bank holidays
- Campaign page
- Child maintenance (exit this page)
- Companies you follow (service navigation with service name)
- Companies you follow (service navigation with slots)
- Confirm delete
- Cookie banner (client side)
- Cookie banner (essential cookies)
- Cookie banner (server side with progressive enhancement)
- Search
- Start page
- Task list
- Topic page (service manual)
- Travel guidance
- Upload your photo (with success message)
- Work history
With multiple pages
- Check your answers
- Feedback
- Have you changed your name
- How do you want to sign in
- Make a payment
- Passport details
- Sign in to a service
- Update your account details
- Upload your photo (with confirmation page)
- What is your address
- What is your nationality
- What is your postcode
- What was the last country you visited
Other examples
- Button groups
- Conditional reveals
- Error messages
- Error summary
- Error summary with messages
- Error summary with one thing per page
- Exit this page with skiplink
- Footer alignment
- Form alignment
- Form controls states
- Form elements
- Grid
- Javascript errors
- Labels legends and headings
- Links
- Multiple radio groups
- Organisation colours
- Small form controls
- Template custom
- Template default
- Text alignment
- Translated
- Typography
Documentation
Sass API reference
JavaScript API reference
JavaScript modules
- Entry file name
-
all.mjs - Total file size
-
85.04 KiB (bundled)
40.63 KiB (minified)
Accordion
- File name
-
accordion.mjs - File size
-
28.93 KiB (bundled)
13.64 KiB (minified)
Button
- File name
-
button.mjs - File size
-
11.44 KiB (bundled)
4.01 KiB (minified)
Character count
- File name
-
character-count.mjs - File size
-
27.91 KiB (bundled)
11.17 KiB (minified)
Checkboxes
- File name
-
checkboxes.mjs - File size
-
13.75 KiB (bundled)
5.12 KiB (minified)
Error summary
- File name
-
error-summary.mjs - File size
-
13.34 KiB (bundled)
4.77 KiB (minified)
Exit this page
- File name
-
exit-this-page.mjs - File size
-
22.55 KiB (bundled)
10.57 KiB (minified)
Header
- File name
-
header.mjs - File size
-
12.41 KiB (bundled)
4.91 KiB (minified)
Notification banner
- File name
-
notification-banner.mjs - File size
-
11.7 KiB (bundled)
3.93 KiB (minified)
Password input
- File name
-
password-input.mjs - File size
-
20.6 KiB (bundled)
8.56 KiB (minified)
Radios
- File name
-
radios.mjs - File size
-
12.75 KiB (bundled)
4.67 KiB (minified)
Service navigation
- File name
-
service-navigation.mjs - File size
-
12.39 KiB (bundled)
4.95 KiB (minified)
Skip link
- File name
-
skip-link.mjs - File size
-
12.34 KiB (bundled)
4.46 KiB (minified)
Tabs
- File name
-
tabs.mjs - File size
-
17.98 KiB (bundled)
8.36 KiB (minified)