https://github.com/x-govuk/govuk-prototype-components
Use common components that are not yet part of the GOV.UK Design System.
https://github.com/x-govuk/govuk-prototype-components
components design-system govuk project prototyping
Last synced: 3 months ago
JSON representation
Use common components that are not yet part of the GOV.UK Design System.
- Host: GitHub
- URL: https://github.com/x-govuk/govuk-prototype-components
- Owner: x-govuk
- License: mit
- Created: 2022-03-04T00:23:08.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2026-03-06T19:21:05.000Z (4 months ago)
- Last Synced: 2026-03-06T20:42:49.271Z (4 months ago)
- Topics: components, design-system, govuk, project, prototyping
- Language: JavaScript
- Homepage: https://govuk-prototype-components.x-govuk.org
- Size: 1.99 MB
- Stars: 4
- Watchers: 2
- Forks: 4
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
- Support: docs/supported-versions.md
Awesome Lists containing this project
README
# GOV.UK Prototype Components · [](https://github.com/x-govuk/govuk-prototype-components/actions/workflows/test.yml)
Common and experimental components that are not yet part of the GOV.UK Design System.
## Requirements
- [Node.js](https://nodejs.org/) v20.19 or later
- [GOV.UK Frontend](https://frontend.design-system.service.gov.uk) v6 or later
## Installation
```shell
npm install @x-govuk/govuk-prototype-components
```
## Usage
If you are using version 13 or later of the GOV.UK Prototype Kit, the components will be immediately available for use in Nunjucks templates.
Learn more about how to [get started](https://govuk-prototype-components.x-govuk.org/get-started/).
> [!NOTE]
> Prior to v1.0.0, this project included a collection of decorated form components. These can now be found in the [`govuk-decorated-components`](https://github.com/x-govuk/govuk-decorated-components) package.
## Contributing
Bug reports and feature requests are welcome. Please raise an issue or submit a pull request.
We use [StandardJS](https://standardjs.com) to ensure code follows [the GDS way](https://gds-way.cloudapps.digital/manuals/programming-languages/js.html). Use `npm run lint` to check your code before submitting a pull request.
## Testing
```shell
npm test
```
## Releasing a new version
`npm run release`
This command will ask you what version you want to use. It will then publish a new version on NPM, create and push a new git tag and then generate release notes ready for posting on GitHub.
> [!NOTE]
> Releasing a new version requires permission to publish packages to the `@x-govuk` organisation.