React components to support the MCP styleguide

Usage no npm install needed!

<script type="module">
  import cimpressReactComponents from 'https://cdn.skypack.dev/@cimpress/react-components';


MCP MEX React Components


React components to support the MCP UX style guide. Hopefully they make your life easier.

Want to see what's happened lately? Check the changelog for the latest updates. If you're looking for a concise summary of how to update to the latest version, check out the migration document.


  • Clone this repo
  • Run npm install
  • This project is powered by Webpack (v4) with webpack-dev-server and hot module replacement.
  • Run npm start and navigate to localhost:8080 in your browser.


You can install this package from NPM under the name @cimpress/react-components, like so:

npm install @cimpress/react-components

Make sure you've included the stylesheet links in your index.html, or check out the CssLoader component if you'd like to be kept up-to-date automatically.

To reduce bundle size, import only the component you want, for example:

import Alert from '@cimpress/react-components/lib/Alert';
// Or if using a tree shaking bundler like webpack:
import {Alert} from '@cimpress/react-components';

A sample page with documentation for all components is available here.