Finishing touches for forms
Some tips on making sure forms written in Ruby on Rails are accessible
Welcome to X-GOVUK
A community-maintained collection of resources which are useful for working on GOV.UK services.
Projects
GOV.UK Components
Lightweight Ruby on Rails components for developing with the GOV.UK Design System.
GOV.UK Design History
Document and share design decisions. Create a permanent record of how your service has developed over time.
GOV.UK Eleventy Plugin
Write documentation using Markdown and publish it using GOV.UK styles.
GOV.UK Form Builder
A form builder for Ruby on Rails that’s compatible with the GOV.UK Design System.
GOV.UK Prototype Components
Use common components that are not yet part of the GOV.UK Design System.
GOV.UK Prototype Filters
Prototype with data using helpful template filters.
GOV.UK Services List
A catalogue of digital services from the UK government and its agencies.
Posts
Ideas for digital public works
Some thoughts on digital platforms and services that would be helpful for cross-government teams.
Building useful tools
Thoughts on what it takes to make something other teams will use
Releasing the Rails libraries for version 5 of the GOV.UK Design System
Notes on how the Rails libraries for the GOV.UK Design System are developed and the work required to support version 5
Measuring how government services are using GOV.UK Frontend
How I wrote a script to detect which versions of GOV.UK Frontend different government services are using
Notes from Design System Day 2023
What I learned at the conference, and the talk I gave about contributing to design systems.
How to use cross-government Slack
Tips on how to join and make the most of the cross-government Slack workspace.
Rapidly prototype with data using this set of helpful template filters
Introducing a plugin for the GOV.UK Prototype Kit that adds a helpful collection of Nunjucks template filters. Rapidly modify and transform data while ensuring it follows the GOV.UK style guide.
Maintaining a list of GOV.UK services
Why the community has built a list of over 400 digital UK government services, including links to source code and service assessments, and how you can contribute.
Why I contribute to the GOV.UK Design System (and why you should too)
How I helped to publish a pattern for confirming a phone number, and ways in which you can contribute to the GOV.UK Design System too.
Write documentation using Markdown and publish it using GOV.UK styles
The GOV.UK Eleventy Plugin makes it easy to start writing documentation rather than spend time building a website for it.
An introduction to X-GOVUK
What the “X” in “X-GOVUK” stands for.
Resources
Design
Design systems, patterns and components
- GOV.UK Design System
- Digital Land Design System
- Digital Scotland Design System
- DWP Design System
- GOV.WALES components
- HM Land Registry Design System
- HMRC Design Patterns
- Home Office Design System
- Ministry of Justice Pattern Library
- MOD.UK Design System
- NHS Design System
- NICE Design System
- Office for National Statistics Design system
- Transport for West Midlands Design System
- Hackney Design System
- Croydon design and content guidelines
- Bristol Design System
- BATHNES Digital Toolkit
- Maidstone Design System
- Essex County Council’s design and patterns library
Other design resources
- Accessibility Personas
- Department for Education Design Manual
- Statistics on usage of
govuk-frontendcomponents
User research
Content design
- Government Digital Service style guide
- Department for Education style guide
- GOV.WALES style guide
- HMRC content style guide
- Home Office style guide
- NHS content style guide
Prototyping
Frontend
- GOV.UK Frontend
- GOV.UK Frontend Flask
- GOV.UK Frontend Jinja
- GOV.UK Form Builder for Ruby on Rails
- GOV.UK Components for Ruby on Rails
- GOV.UK Design System for ASP.NET MVC and Umbraco
- GOV.UK Vue
- Markdown extension for Marked
- Markdown plugin for markdown-it
- Twirl
- WTForms
Analysis
Product management
- Product management learning list
- Learn by doing (for associate and mid-level product managers)
- Learn by doing (for senior and lead product managers)
- Join the product manager buddy scheme
- Things to do as a new product manager in your first 30 days (Trello board or Notion board)