# Canvas Kit (Design systems)

> Canvas Kit is a free, open-source design system built with React. Development kits to implement UI following the Workday Canvas Design System (https://canvas.workday.com/). It has 363 GitHub stars and is released under the Apache-2.0 license. A live demo is linked from this page.

This project provides a set of components for the Workday Canvas Design System that can be used to implement user experiences consistent with Workday's design principles.

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/Workday/canvas-kit |
| Built with | React, TypeScript |
| Live demo | https://workday.github.io/canvas-kit/ |
| GitHub template repository | no |
| GitHub stars | 363 |
| License | Apache-2.0 |
| Language | TypeScript |
| Official | no |
| Category | Design systems |
| Latest release | v16.1.7 (Oct 5, 2026) |
| Last commit | Oct 5, 2026 |

## Get started

### Copy with degit

```sh
npx degit Workday/canvas-kit my-ui
cd my-ui
npm install   # then run the dev script from the README
```

### Or clone with git

```sh
git clone --depth 1 https://github.com/Workday/canvas-kit.git my-ui
```

Commercial use depends on the Apache-2.0 license. Sources: https://docs.github.com/en/repositories/creating-and-managing-repositories/creating-a-repository-from-a-template, https://github.com/Rich-Harris/degit

## Similar templates

- [React Spectrum](https://appsgit.com/templates/react-spectrum): A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences. (15,920 stars, Apache-2.0, official)
- [Primer CSS](https://appsgit.com/templates/primer-css): Primer is GitHub's design system. This is the CSS implementation. (13,027 stars, MIT)
- [HyperUI](https://appsgit.com/templates/hyperui): Free Tailwind CSS v4 components for your next project, designed to enhance your web development with the latest features and styles. (12,253 stars, MIT)
- [Material Web](https://appsgit.com/templates/material-web): Material Design Web Components. (11,316 stars, Apache-2.0)
- [Carbon](https://appsgit.com/templates/carbon-carbon-design-system): Website · Design · Develop · Contribute · Migrate Carbon is IBM's open-source design system for products and experiences. (9,531 stars, Apache-2.0)
- [Grommet](https://appsgit.com/templates/grommet): a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package. (8,348 stars, Apache-2.0)

---

Canonical page: https://appsgit.com/templates/canvas-kit
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.