Skip to content

chrisadesign/govuk-prototype-kit-starter

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GOV.UK Prototype Kit Starter

Upgraded to v13 of the prototype kit!

About

This is a copy the GOV.UK Prototype Kit with some additional settings and features.

It is a community resource of the GOV.UK Prototype Kit. The Prototype Kit team is not responsible for it and cannot support you with using it.

If you’ve got a question, need support, or want to contribute you can create an issue on GitHub.

Included

This starter has added:

  • a feature and versioning system
  • a new "questions" block within content one to reduce code in form pages
  • an internal layout which uses a custom header component (example internal page)
  • the accessible autocomplete component integrated, you can upgrade any select by adding the 'js-autocomplete' class (example autocomplete page)
  • the "secret" 'settings.scss' file, with most options listed with their default values, should hopefully make rebranding easier
  • an inverse button to use on dark backgrounds, 'govuk-button--inverse'
  • a link in the footer to the current page on your hosted prototype
  • a link in the footer to the git repository

The department name for the internal header, and both the hosted prototype and the repo URLs are configured in session-data-defaults.js file.

Usage

The repository is a template, you can create a new repo of your own based on this one. Alternatively, you can download or clone the code.

To run the kit locally use npm install then npm run dev.

Screenshots

Screenshot of the custom internal template, with a header bar showing department and product names and a custom colour in the bar beneath

Screenshot showing the govuk accessibile autocomplete in an example page

Screenshot of a code editor showing the settings sass file and the default values from govuk frontend

About

Rapidly create HTML prototypes of GOV.UK services

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 41.2%
  • SCSS 33.6%
  • Nunjucks 15.6%
  • JavaScript 9.6%