Pattern library for internal-facing MOJ Digital services - an extension of the GOV.UK Frontend.
Last updated 4 months ago by scriptwerx .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install @mojdigital/pattern-library 
SYNC missed versions from official npm registry.

MOJ Digital - Pattern Library

A technical implementation of a reusable, code-based pattern library for MOJ Digital services - an extension of the GOV.UK Frontend.

Latest changes

GitHub last commit


David David

license GitHub top language GitHub repo size in bytes GitHub code size in bytes


To document common ways of solving problems and reduce multiplied effort. To fill the gaps between adhering to GOV.UK Design System guidelines whilst creating internal facing MOJ Digital services.

Indirect benefits:

  • a place to share and work in the open
  • documents learning that would otherwise have been lost
  • creates a common language that people can use when talking about reusable components and design patterns
  • modelling standards for Ministry of Justice Digital teams and individuals
  • one place for developers and designers to look when searching for solutions (outside the GOV.UK Frontend)
  • extra attention to detail

Problem statement

Individual teams within MOJ Digital have limited visibility of what others are working on. At the same time there are gaps in the GOV.UK Design System, particularly around internal services.

Teams often work on common problems within their individual projects and there is no process for documenting what they’ve learnt, this leads to a real danger that silos form.

There's an opportunity to standardise and document each component or pattern we come across so duplicated effort disappears. We learn from other's effort and teams start to solve problems collaboratively. Increasing the opportunities for co-designing, sharing research and supporting one another.

Install using npm

npm i --save @mojdigital/pattern-library

Import the SASS library

Within your project SASS import the MOJ Digital Pattern Library after GOV.UK Frontend:

@import "node_modules/govuk-frontend/all";
@import "node_modules/@mojdigital/pattern-library/all";

Include the necessary JavaScript



With special thanks to BrowserStack for providing cross browser testing.

Current Tags

  • 0.0.1-beta.3                                ...           latest (4 months ago)

31 Versions

  • 0.0.1-beta.3                                ...           4 months ago
  • 0.0.1-beta.2                                ...           4 months ago
  • 0.0.1-beta.1                                ...           7 months ago
  • 0.0.1-alpha.30                                ...           8 months ago
  • 0.0.1-alpha.29                                ...           8 months ago
  • 0.0.1-alpha.28                                ...           9 months ago
  • 0.0.1-alpha.27                                ...           9 months ago
  • 0.0.1-alpha.26                                ...           9 months ago
  • 0.0.1-alpha.25                                ...           9 months ago
  • 0.0.1-alpha.24                                ...           9 months ago
  • 0.0.1-alpha.23                                ...           9 months ago
  • 0.0.1-alpha.22                                ...           9 months ago
  • 0.0.1-alpha.19                                ...           9 months ago
  • 0.0.1-alpha.18                                ...           10 months ago
  • 0.0.1-alpha.17                                ...           a year ago
  • 0.0.1-alpha.16                                ...           a year ago
  • 0.0.1-alpha.15                                ...           a year ago
  • 0.0.1-alpha.14                                ...           a year ago
  • 0.0.1-alpha.13                                ...           a year ago
  • 0.0.1-alpha.12                                ...           a year ago
  • 0.0.1-alpha.11                                ...           a year ago
  • 0.0.1-alpha.10                                ...           a year ago
  • 0.0.1-alpha.9                                ...           a year ago
  • 0.0.1-alpha.8                                ...           a year ago
  • 0.0.1-alpha.7                                ...           a year ago
  • 0.0.1-alpha.6                                ...           a year ago
  • 0.0.1-alpha.5                                ...           a year ago
  • 0.0.1-alpha.4                                ...           a year ago
  • 0.0.1-alpha.3                                ...           a year ago
  • 0.0.1-alpha.2                                ...           a year ago
  • 0.0.1-alpha.1                                ...           a year ago
Maintainers (1)
Today 0
This Week 3
This Month 34
Last Day 0
Last Week 31
Last Month 0
Dependencies (9)
Dev Dependencies (2)
Dependents (0)

Copyright 2014 - 2017 © taobao.org |