GC Design System
design-system.canada.caComponents and page foundations for Government of Canada services
Components and page foundations for Government of Canada services
A layered icon editor with image, 3D-model and component-based workflows.
Explore named colours and turn selected values into gradient steps.
A webfont that turns readable symbol names into icon ligatures.
Weather symbols and wind directions delivered as an icon font.
Edit code, run project tasks, debug, use Git, and preview web work in a Mac-native IDE.
Choose a file-focused editor or add project-wide build and debug tools.
Tailwind components and templates with right-to-left support
A local Markdown editor for people who want rich text and source files in their own folders.
A legacy icon-font toolkit with stylesheet source and familiar modifiers.
Angular interface components with a shared CSS foundation
Named gradient references with colour values and a companion Chrome tool
Shape a text editor into a personal development environment using Emacs Lisp and an extension package system.
Explanatory writing on web-development concepts
Create video tutorials with AI that edits, translates and fixes mistakes
IconScout symbols for CSS fonts, SVG artwork and component packages.
A self-hosted wiki engine for collaboratively maintaining websites and knowledge pages.
Generate production PDFs from HTML, CSS, and JavaScript
Convert HTML and CSS into PDF without a browser engine
Windows PDF editing with a free feature set and perpetual licenses
A collection of games teaching web-development concepts
Edit code with a fast desktop editor whose multiple selections can apply the same change in several places.
Edit source files and send build or run output to an integrated pane on Windows or Linux.