Changelog

2025-07-09

Changed

  • Use class:list directive instead of concatenation for conditional classes in Astro components
  • Increase vertical margins between certain elements in body text

Updated

  • Update Morningstar Design System references to point to new Product System Content
  • Rename NextUI to HeroUI and add update component examples Content

2025-05-27

Added

  • Emoji for Modal and Segmented control component pages (fixes ‘undefined’ in page titles) Content
  • Dark mode button styles
  • ‘Copy URLs’ button to component pages (thanks for the suggestion, @nathanacurtis.bsky.social)

2025-05-05

Added

  • Search now uses Pagefind and can be triggered with a keyboard shortcut (⌘K or Ctrl+K)
  • New favicon and default social share image
  • Component example cards now include images of the component
  • Component pages now include a ‘Name distribution’ section with a PieChart component

Changed

  • Switched to Astro for the site
  • Default node version is now v20
  • Renamed env var AIRTABLE_API_KEY to AIRTABLE_TOKEN

Removed

  • Gatsby dependencies (×1,000,000)
  • Storybook (no Astro support yet)
  • Visual Regression Testing with Loki (due to previous point)
  • Colophon page (now in footer)

2025-04-29

Added

  • Tree view article Content
  • Visa Product Design System Content

Removed

  • Remove Quicken Loans Spark Design System (it’s gone) Content

2025-03-31

Updated

  • Update links for NewsKit Content
  • Update links for Elisa Design System Content

Removed

  • Remove Vattenfall Design System (it’s no longer public) Content

2025-03-30

Updated

  • Update links for Chakra UI Content
  • Update links for Cisco Momentum Design Content

Removed

  • Remove Repsol Oxygen design system Content
  • Remove Mailchimp pattern library Content

2025-03-11

Added

  • Add CSS Buttons and UIverse to resources Content
  • Add Palantir Blueprint to design systems Content

2024-11-27

Fixed

  • Fix bug where useEffect was getting called on every frame 😬 due to bug with use-query-params (Resolves #68)

2024-11-19

Added

  • Add eBay Playbook Content
  • Add Video component page Content

2024-11-12

Added

  • Add Flowbite Content
  • Add Heydon Pickering’s posts about HTML elements A–Z as resources to the appropriate elements Content

Fixed

  • Resolve incorrect URL for Pajamas Tooltip component Content

2024-10-23

Updated

  • Add ‘Unmaintained’ flag to Quicken Loans Spark Design System Content

Fixed

  • A couple of minor improvements to Button component article Content
  • Update broken links to Deque Cauldron design system Content

Removed

  • General Electric Edison Design System (white screen) Content

2024-10-12

Added

  • Nederlandse Spoorwegen Nessie design system Content

2024-09-16

Added

  • PatternFly design system (Related to #66) Content
  • Morningstar design system (Related to #67) Content

2024-09-06

Updated

  • REI Cedar design system Content
  • Headless UI Content

2024-05-16

Fixed

  • Broken links for Pinterest Gestalt design system (thanks @victorjanin, related to #33) Content

2024-05-15

Updated

  • Rename Vercel Design System to Geist and update component links Content

Removed

  • Buzzfeed Solid Design System (website error) Content
  • Barnardo’s Design System (website gone) Content
  • Bulb Solar Design System (🪦 RIP Bulb) Content
  • Goldman Sachs Design System (website redirects to main website homepage) Content

2024-02-16

Added

  • GitLab Pajamas design system Content
  • Check when rendering GitHub icon on Pajamas design system card and render GitLab icon instead (it’s the only one 🤷‍♂️)

Updated

  • Base Web design system Content

Fixed

  • Broken URLs for No Style design system Content

Removed

  • Volkswagen GroupUI design system (no longer public) Content
  • Removed no-longer-existing components for Seek style guide Content

2024-02-11

Added

  • New Design systems / component libraries: Porsche Design System, shadcn/ui Content

Updated

  • ‘Horizonal Rule’ component is now called ‘Separator’ Content

Removed

  • Remove unused or duplicate CSS

2023-12-11

Updated

  • Update component links for Clarity, Talend Coral, and Wonderflow Wanda Design Systems. Fixes #64, #65 (thanks @amyrlam) Content

2023-08-13

Added

  • Popover component Content

Updated

  • Update component examples for GitHub Primer, Nord Design System, Shopify Polaris, Skyscanner Backpack, Talend Coral Design System Content
  • Tweak to contact form input labels

Fixed

  • Fix incorrect link to Tooltip article on Open UI Content
  • Fix incorrect use of Gatbsy Link component for external resource links

2023-07-15

Added

  • Add .nvmrc file

Fixed

  • Typo on Skyscanner Backpack Nudger component Content
  • Added gap between filters on component pages

Updated

  • Update sharp to 0.32.3.

2023-04-28

Fixed

  • Fix broken link for Decathlon Design System Content

2023-04-15

Added

  • New design system: Google Material Design Content

Fixed

  • Fix incorrect URLs for Reach UI Content

2023-03-29

Updated

  • Add new components for Carbon Design System Content

2023-03-14

Fixed

  • Fix bug where only part of design system cards was clickable

2023-03-06

Added

  • Design system cards now include links to Figma, Storybook, and GitHub where available
  • Design systems can be filtered by platform (Figma, Storybook, and GitHub)
  • New component: Empty State Content
  • New design system: Wise design Content

2023-02-26

Added

  • Add links to Open UI on component pages Content

Updated

  • Fix broken links, add new components for Ant Design, Decathlon Design System Content

2023-02-14

Added

  • Hashicorp Helios Design System Content

2023-01-07

Fixed

  • Fix broken links to Mozilla Protocol Design System, ONS Design System Content

2022-12-27

Added

  • Add more resources to component pages Content

Fixed

  • Fix incorrect style rule on accordion page (thanks @mrassili)
  • Fix broken links to Talend Coral Design System, giffgaff Design System (thanks @Shrinks99), and Freshworks Crayons Design System (thanks @tif-calin) Content

2022-10-30

Added

  • Add new feature badge, ‘Unmaintained’ to Design Systems which appear to have had no meaningful updates in the previous year (thanks to @aadrian for flagging this). Related to #40 Content

Fixed

  • Fix 404 errors for various design systems including Sainsbury’s Luna (Related to #33) Content
  • Fix bug where counts for Design System features and tech filters were sometimes incorrect

Removed

  • Lonely Planet Rizzo Design System Content

2022-10-24

Added

  • New design system: Dell Design System Content

Changed

  • Rename Australian Government Design System to GOLD Design System, update URLs (Fixes #33) Content

Fixed

  • Fix 404 errors for and Workday Canvas Design System components (Fixes #33) Content

2022-05-10

Added

  • New component: Rating Content
  • New resources Content

2022-05-01

Added

  • New design systems: Jøkul Designsystem, Quasar Framework, Microsoft Fluent UI (thanks to everyone who suggested these!) Content

2022-04-16

Added

  • All components now have a stylised illustration on both component cards and on component detail pages
  • New resources section at the bottom of component pages with links off to related content on other sites

2022-04-02

Added

  • New design systems: NextUI and Skyscanner Backpack Content

Changed

  • Update contact instructions on About page Content

2022-03-26

Fixed

  • Update component links for Atlassian Design System to fix 404 errors (thanks to Lucas Sorbo for pointing out the issue!) Content

2022-03-23

Added

  • New design system: Nord design system Content

Fixed

  • Sort out layout shift when loading in site search component

2022-03-21

Added

  • Contribute page with contact form using Netlify forms
  • Cards on Components and Design systems listing pages with link to Contribute page
  • Button, InputText, and Textarea components
  • .l-stack layout class for vertical spacing

Changed

  • Refactor ReadMoreLink component to use children prop instead of text prop

2022-02-21

Added

  • New design systems: Contentful Forma 36, Wonderflow Wanda, and Talend Coral Content
  • New component: Stack Content

Removed

  • Royal Navy Design System (seems to have been deprecated in favour of MOD.UK Design System) Content

2021-11-28

Added

  • New design systems: The Guardian Source, Alaska Airlines Auro Content

2021-11-23

Added

  • New components: Color picker, Label Content
  • New design system: Volkswagen Group GroupUI Content

Changed

  • Swap out Adobe Spectrum CSS design system for Spectrum Content

Fixed

  • Update incorrect id used for aria-activedescendant in SearchForm component

2021-09-21

Added

  • New design system: Kiwi.com Orbit Content
  • Tag more Design Systems with technologies used Content

Removed

  • Removed links to ICS Design System as it’s no longer available. Content

2021-09-13

Added

  • New component: Skeleton Content
  • New design systems: W3C design system, Goldman Sachs Design System Content

2021-08-17

Added

  • New design system: Vattenfall Design System Content
  • Add support for webp images

Changed

  • Replace gatsby-image with gatsby-plugin-image

2021-08-06

Added

  • New design systems: JSTOR Pharos and Headless UI Content

2021-07-31

Fixed

  • Add aria-hidden="true" to decorative icons
  • Fix 404 errors for Bolt Design System components Content

2021-07-25

Added

  • New design systems: Reakit, Ontario Design System, and Elisa Design System Content
  • Show count of visible Component Examples when filters applied

Changed

  • Tweak layout of header and footer to work better on small screens
  • Tweak layout of Component Example cards to include list labels

Fixed

  • Reduce Cumulative Layout Shift (CLS) on mobile casued by header links.

2021-07-12

Added

  • Open source design systems are now tagged ‘Open source’
  • Design Systems and Components are now filterable by Features and Technologies
  • Design system tech is now displayed on Design System cards
  • New components: Accordion, CheckboxButton and Filter
  • New component: Drawer Content
  • New design system: Freshworks Crayons Content

Fixed

  • Icons now display correctly in Storybook

2021-06-10

Added

  • New design systems: Helsinki Design System, West Midlands Network Design System, British Gas Nucleus Design System Content

2021-05-24

Changed

  • Update Readme with link to airtable base
  • Split Progress Indicator component into two components: Progress indicator and Progress bar Content

2021-04-17

Added

  • New design system: ONS Design System Content
  • More components from Decathalon Design System Content

Fixed

  • Stop loading fonts twice
  • Resolve 404 errors for links to giffgaff design system
  • Resolve 404 errors for links to Radix design system. Link to Radix Primitives design system instead.

2021-04-16

Added

  • New design system: Repsol Oxygen Content

Fixed

  • Some small CSS tweaks
  • Resolve 404 errors for links to NHS Digital Service Manual

2021-04-10

Added

  • New component: Visually hidden Content

Changed

  • Upgrade to Gatsby 3 and lots of other dependency updates

2021-03-12

Added

  • New design systems: NewsKit, Instructure-UI, No Style Design System Content
  • New Component: Stepper Content

Fixed

  • Issue where hovering over bottom 4px of card would repeatedly cause it to lose and gain :hover state

2021-02-07

Added

  • New design system: Shoelace Content

Changed

  • Tweaks and additions to Accordion article Content

Fixed

  • Rename layout CSS classes to avoid clashes with Tailwind classes

2021-01-07

Added

  • New design system: Vercel design Content

Changed

  • Updated quote component article to match current WHATWG spec and make certain things clearer Content

Fixed

  • Remove link to erroneously added Audio player component

2020-11-26

Added

  • New design systems: generic-components, Royal Navy Design System Content

Fixed

  • Remove flash of light mode when first loading or refreshing site

2020-11-25

Added

  • Dark mode: defaults to user’s prefers-color-scheme setting, but can be toggled using button in top right

Fixed

  • Issue where using arrow keys to navigate through search results would sometimes not scroll active item into view
  • External link arrow now correctly changes colour on hover

2020-11-01

Added

  • New Design System: Pinterest Gestalt Content

2020-10-18

Added

  • New design systems: GE Edison Design system, Modulz Radix, Decathalon Vitamin, Heroku Purple3 Content

Changed

  • Default sorting on Design Systems listing is now by date, with last reviewed first

2020-10-02

Added

  • New ‘Inspiration’ and ‘Get in touch’ sections on about page Content

2020-09-27

Added

  • New design systems: giffgaff design system, Australian Government Design System Content

2020-08-31

  • Add gatsby-plugin-preload-fonts to remove critical request chain caused by loading fonts

2020-08-27

Changed

2020-08-12

Added

  • New design system: Atlassian Design System (replaces Atlaskit) Content

2020-08-10

Added

  • New design system: REI Cedar Content

Changed

  • Update accordion article to reflect current browser support of details element Content

Fixed

  • Update links to all Adobe Spectrum CSS components to fix 404 errors

2020-07-26

Changed

2020-07-24

Fixed

  • Improve performance of design-systems page by removing image placeholders

2020-07-04

Added

  • New design systems: Elastic UI framework, Aurora, Paste Content
  • New component: Horizontal rule Content

2020-06-06

Added

  • Complete tagging of Design Systems with ‘Tone of voice’ guidelines Content

Changed

  • Move Select into its own component Content

Fixed

  • Various linting errors
  • Accessibility issues

2020-05-28

Added

  • Enable Gatsby Incremental Builds on Netlify

2020-05-13

Added

  • New Design System: Base Web Content
  • Added more design system resources to about page Content

Fixed

  • Incorrect sorting of Design Systems due to GraphQL sorting being case-sensitive

Changed

  • Simplified sorting options

2020-05-04

Added

  • New Design System: uStyle Content
  • Related components are now shown at the bottom of component pages
  • Design Systems are now labelled to show if they include Tone of voice guidelines Content

Fixed

  • Update incorrect link on Tabs page

2020-04-29

Added

  • New “Design System”: 98.css Content

2020-04-18

Added

  • New Design system: Ruter Components Content

Changed

  • Split Dropdown component into three different components: Select, Dropdown menu and Combobox Content

Fixed

  • Update broken links for Bulb Solar Design System components

2020-03-29

Added

  • List most recently updated Design Systems on homepage
  • Design Systems: eBay MIND Patterns, Workday Canvas, BBC GEL, ICS Design System (thanks @ignorantcow for suggesting these four), Sainsbury’s Luna, Quicken Loans Spark Content

Fixed

  • Missing footnotes on Button article Content

2020-02-26

Added

  • Twitter and Open Graph images

Changed

  • Switch from markdown to mdx for content

2020-01-23

Changed

  • Move fonts from Google Fonts to being self-hosted

2020-01-22

Added

  • Added ‘Chakra UI’ as a Design System Content

Changed

  • Updated dependencies

Removed

  • Deleted Component Examples which were returning 404 errors

2020-01-15

Changed

  • Switch out react for preact, using gatsby-plugin-preact

2020-01-07

Added

  • dir-sideways-tb utility classes for changing text-direction
  • Added Cisco ‘Momentum Design’ Design System Content

Changed

  • Layout tweaks to ComponentExample component
  • Updated layout of homepage ‘Recently updated components’ section

2019-12-17

Added

  • New components: Avatar and Toast Content

Changed

  • Headings now use sizes from Tailwind config
  • Tweak layout of sidebar, make Table of Contents use position: sticky

2019-12-16

Added

  • Added Changelog
  • Added content about button hierarchy to button component page Content
  • Added extra sections on the cite element and customising quotation marks to quote component page Content