skip to content W3C SVG

The Cupper Pattern Library Builder

Welcome to Cupper: a documentation builder for inclusive designers and those trying to be inclusive designers. These are Cupper’s docs, but they are also an example of a site built with Cupper. Here are some of its features:

  • Built with Hugo, so easy to structure content and fast to compile it
  • Available to read offline, as a Progressive Web App
  • Include encapsulated live demos, inline with your markdown, using Shadow DOM
  • Quickly include WCAG and Inclusive Design Principles references
  • A responsive, screen reader and keyboard accessible static site as output
  • Automated Github Pages deployment
  • Includes a single-page printable version suitable for PDF conversion

To get started, take a look at Installation.