Awesome GOV.UK Frontend
(Still a work in progress, but eventually would be good to have as an 'official' awesome list)
Curated list of GOV.UK related frontend ecosystem.
Dependencies on core libraries are marked with angle brackets ([ ])
Have I missed something that should be here? Please let me know or open a pull request!
This list will be pruned over time and should represent active or well maintained projects.
- GOV.UK Elements - GOV.UK Elements form the building blocks from which all pages are made. https://govuk-elements.herokuapp.com/
- GOV.UK Template - Packaging of a template containing the GOV.UK header and footer, and associated assets. http://alphagov.github.io/govuk_template/
- GOV.UK Frontend Toolkit - Generic tools and helpers for building GDS front-end apps
- GOV.UK Frontend - replacement for govuk_elements, govuk_template, govuk_frontend_toolkit. Private beta only.
- GOV.UK Design System - guidance and examples of components, styles and patterns you can use to design government platforms and services. [govuk-frontend]
- Single Page Platform Development Kit (PDK) - This Platform development kit includes and extends the GDS GOV.UK packages for developing citizen and business facing services as a platform. [govuk-elements-sass, govuk_template_mustache]
- govuk-elements-marko - A set of Marko components implementing GOV.UK elements.
- govuk-elements-nunjucks - This includes a selection form macros from GOV.UK elements, these are using nunjucks.
- trade-elements - Front end pattern library for Department of International Trade [govuk-elements-sass, govuk_frontend_toolkit]
- govuk-starter-kit - React app to generate files and markup to use in govuk applications [govuk-elements-sass, govuk_frontend_toolkit, govuk_template_jinja]
- govuk-react-components - A set of react components to build the basic elements described in govuk-elements. [govuk_template_mustache, govuk-elements-sass]
- govuk-react - A port of the govuk-frontend components for React using Emotion (CSS in JS). https://ukhomeoffice.github.io/govuk-react/
- Digital Marketplace frontend toolkit - Front end toolkit for the Digital Marketplace http://alphagov.github.io/digitalmarketplace-frontend-toolkit/
- Django GOV.UK Template - Django app that builds
elementscomponents from the Government Digital Services style guide
- GOV.UK Publishing Components - GDS GOV.UK Publishing team (Team that maintains the www.GOV.UK bit of GOV.UK), A gem to document and distribute components in GOV.UK Publishing frontend applications https://govuk-publishing-components.herokuapp.com/component-guide [govuk_frontend_toolkit]
- GovukElementsFormBuilder - Form builder helper methods to develop GOV.UK elements styled applications in Ruby on Rails https://govuk-elements-rails-guide.herokuapp.com/ [govuk_elements_rails, govuk_frontend_toolkit]
- Jekyll theme
- IPO Assets - This project is used to build the UK Intellectual Property Office frontend UI styling. [govuk-elements-sass, govuk_template_ejs]
- HMRC Assets frontend - Shared static assets for frontends on the Multichannel Digital Tax Platform http://hmrc.github.io/assets-frontend [govuk-elements-sass, govuk_frontend_toolkit, govuk_template]
Single purpose components
- Accessible Autocomplete - An autocomplete component, built to be accessible. https://alphagov.github.io/accessible-autocomplete/examples
- Government organisations autocomplete - Built on top of Accessible Autocomplete for use to select government organisations (eg Departments).
- Accordion component a stand-alone extraction of the accordion component
- Sortable tables - component for making tables sortable by clicking their column headers.
- GOV.UK Prototype Kit - The prototype kit provides a simple way to make interactive prototypes that look like pages on GOV.UK. [govuk-elements-sass, govuk_frontend_toolkit, govuk_template_jinja]