Government of Canada (GC) Design System Components Repository
This is a monorepo managing the web components of the Government of Canada's Design System, facilitating the creation of consistent and accessible digital services.
Hosted on GitHub, this repository offers a collection of reusable web components built using Stencil.js, designed to ensure a unified and trustworthy experience across Government of Canada digital services.
It supports integration with popular frameworks such as React and Angular, providing wrappers to ease component integration. The repository includes comprehensive documentation, installation guides, and contribution guidelines to assist developers and designers in implementing these components effectively.
Share this Example:
Content related to this example:
Government of Canada (GC) Design System Accessibility Standards
This design system accessibility checklist ensures that all components and design tokens meet or exceed the WCAG 2.1 AA standards, aligning fully with Government of Canada accessibility requirements.
Government of Canada (GC) Design System
The design system provides standardized components, templates, and design tokens to help developers and designers create consistent, accessible, and user-friendly Canadian government digital services.
Government of Canada (GC) Design System Figma Library
The Figma library offers designers a comprehensive set of pre-built components and templates to create consistent and accessible digital services for the Government of Canada.
Government of Canada (GC) Design System Page Templates
This "Page Templates" section offers pre-built, responsive page layouts that combine various components to ensure consistent, accessible, and user-friendly experiences across Government of Canada digital services.
