Need help with canvas-kit?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

184 Stars 112 Forks Apache License 2.0 857 Commits 145 Opened issues


Development kits to implement UI following the Workday Canvas Design System ( See our Component Storybook -

Services available


Need anything else?

Contributors list

Workday Canvas Kit

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.

Workday Canvas Kit is released under the Apache-2.0 license Maintained with Lerna Release PRs welcome

:whitecheckmark: For a list of available react modules see Canvas Kit Component Status

Getting started



To get started using Canvas kit React first add or install the module to your existing React project

yarn add @workday/canvas-kit-react


npm install @workday/canvas-kit-react


import * as React from 'react';
import {SecondaryButton} from '@workday/canvas-kit-react';

Button Label;



To get started using Canvas kit CSS first add or install the module to your project

yarn add @workday/canvas-kit-css


npm install @workday/canvas-kit-css

Add your

directory to your SASS
. You will then be able to import


@import '[email protected]/canvas-kit-css/index.scss';

You must have PostCSS support. Add the postcss-inline-svg plugin to properly process and inline icons. Process your SASS through PostCSS once it has been compiled to CSS.

Button Label

Reporting a Bug

If you spot a bug, inconsistency, or typo, please open a bug issue. Better yet, submit a pull request to addresses it.

Feature Requests

If you have an idea, we would love to hear about it. The best way to suggest a feature is to open a feature issue. The Canvas Kit core team will take a look and discuss it with you.


Want to contribute to Canvas Kit React? Please read our contributing guidelines to find out more and how to get started.

Open Development

All work on the Canvas Kit happens directly on GitHub. Both core team members and external contributors can send pull requests which go through the same review process. Any and all issues are public and available for discussion.


Canvas Kit follows semantic versioning and is enforced automatically by conventional commits (see "Commit Message Format").

Each module is independently versioned using Lerna.

Developer Documentation


The Workday Canvas Kits are licensed under the Apache 2.0 License.

Supported Browsers

  • IE11
  • Microsoft Edge: last 2 versions
  • Mozilla Firefox: last 2 versions
  • Google Chrome: last 2 versions
  • Apple Safari: last 2 versions
  • Opera: last 2 versions

Thank you

Visual Testing by ChromaticQA

Builds by Github Actions

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.