An implementation of the GOV.UK Design System in React using CSSinJS using Object notation (with styled-components).

We aim to track the following projects (in priority order) as to which components to implement and how they should look/behave. Where possible we are using the existing CSS as a guide. When we need to modify to suit custom markup, we aim to provide a comment in our code as to why this was done.

• GOV.UK Frontend
• GOV.UK Design System (source)
• GOV.UK Publishing Components
• GOV.UK Design System Backlog (where there are open tickets in the backlog that reference patterns/components in existing govuk sites)
• GOV.UK/elements
• Any other established govuk pattern

This project is being or has been used by:

• Connected Open Government Statistics 2
• Department for Education
• Department for Environment, Food & Rural Affairs 2
• Department for International Trade 2 3 4
• Department of Business, Energy and Industrial Strategy
• Department of Health
• Department for Environment, Food and Rural Affairs
• Department for Transport
• Food Standards Agency 2
• HM Courts & Tribunals Service 2
• HM Land Registry
• HM Passport Office
• HM Prison and Probation Services 2
• Home Office [2]
• Made Tech 2
• Ministry of Justice 2
• London Borough of Hackney
• Public Health England/UK Health Security Agency
• Skills Funding Agency 2

The project is currently maintained for free by a small number of volunteers. If you would like to contribute, help maintain or sponsor this project, please get in touch via Discussions or Twitter.

Usage

npm install govuk-react styled-components @types/styled-components --save