This is a collection of examples and tools built by the cross-government developer community to use the GOV.UK Design System and GOV.UK Frontend.
You may also be interested in other resources to help digital teams working in the public sector.
This list is maintained by the community. Please raise an issue or Pull Request to add something.
These are the tools officially supported by the Design System team in GDS.
You can copy and paste the HTML examples into your project if there is no templating support.
- GOV.UK Frontend - supports Nunjucks templating language for Node.js
Examples:
- alphagov/govuk-frontend-jinja - Tools to use the GOV.UK Design System with Python webapps that use Jinja2 and Flask.
Examples:
- govuk-react/govuk-react - GOV.UK Design System in React using CSSinJS
- UKGovernmentBEIS/govuk-design-system-rails - Rails engine containing a Ruby on Rails port of some GOV.UK Design System components.
- DFE-Digital/govuk_design_system_formbuilder - GOV.UK-compliant form builder for Rails
- Tech docs template - A template for building Middleman site for technical documentation
Examples:
- GOV.UK itself uses the Design System via GOV.UK Publishing Components (GDS)
- Find teacher training (DfE)
- Apply for teacher training (DfE)
- Teacher Vacancy Service (DfE)
- Office for Product Safety and Standards Services (BEIS)
- GovWifi Admin (GDS)
- ukgovdatascience/govdown - GOV.UK Design System theme for R Markdown
- GOV.UK Design System in C# / ASP.Net Core - GOV.UK Design System components in Razor components, with optional validation and error message generation
- daviddotto/govuk-design-system-snippets - Nunjucks macro snippets for popular code editors