canopy

KO | EN

gitlite — search

#javascript #hacktoberfest #react #typescript #go #android #deep-learning #cli #kubernetes #awesome-list #vue #security #mcp #openai

(★ 23)

Canopy, the design system from Legal and General implemented in Angular

canopy Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![Push to master](https://github.com/Legal-and-General/canopy/actions/workflows/master_push.yml/badge.svg)](https://github.com/Legal-and-General/canopy/actions/workflows/master_push.yml)
[![CodeQL](https://github.com/Legal-and-General/canopy/actions/workflows/codeql_analysis.yml/badge.svg?branch=master)](https://github.com/Legal-and-General/canopy/actions/workflows/codeql_analysis.yml)

![Canopy graphic](https://raw.githubusercontent.com/Legal-and-General/canopy/master/assets/canopy-hero.png)

# Canopy

> [!WARNING]
> **We're making big changes to Canopy for L&G's brand modernisation throughout 2025-2026.**
> 
> We want to keep you up to date with the planned roll out and give you the support you need.
> 
> Please [email us](mailto:CanopyDesignSystem@landg.com?subject=Tell%20me%20about%20Canopy%20updates%20(GH)) and let us know which application or project you are using Canopy for and we'll get in touch.

> An Angular implementation of the Legal & General design system.

Interested in [contributing?](docs/CONTRIBUTING.md)

Want to learn how to [use it in a project?](docs/USAGE.md)

Have an [issue you would like to raise?](../../issues)

Want to [request a modification or a new feature?](../../discussions)

Want to [apply a migration with AI assistance?](docs/COPILOT_SKILLS.md#migration-skills)

Want to [use Canopy components correctly with AI assistance?](docs/COPILOT_SKILLS.md#best-practice-skills)

## AI Skills

Canopy publishes installable [skills](https://docs.github.com/en/copilot/concepts/agents/about-agent-skills) that work with GitHub Copilot.

```bash
# List all available skills
npx skills add Legal-and-General/canopy --list

# Install a migration skill (guides your agent through a major version upgrade)
npx skills add Legal-and-General/canopy --skill canopy-v23-migration

# Install a single best practice skill — pin to the Canopy version in your package.json (available from v24.0.0)
npx skills add Legal-and-General/canopy/skills/best-practice#vx.x.x --skill canopy-button

# Install all best practice skills — pinned to a specific version (available from v24.0.0)
npx skills add Legal-and-General/canopy/skills/best-practice#vx.x.x --skill '*'

# Install all available skills
npx skills add Legal-and-General/canopy --skill '*'
```

See [docs/COPILOT_SKILLS.md](docs/COPILOT_SKILLS.md) for the full list of available skills.

canopy

canopy Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

canopy

canopy Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README