W3C SVG

The Infusion Pattern Library Builder

Welcome to Infusion: a pattern library builder with a focus on inclusive interface design. These are Infusion’s docs, but they are also an example of a pattern library built with Infusion. Here’s are some of the features:

  • Built with Hugo, so easy to structure content and fast to compile it
  • Include live code demos easily, using either CodePen embeds or via inline demo shortcodes (that use Shadow DOM)
  • Quickly include WCAG and Inclusive Design Principles references by key
  • Easily make sections collapsible without writing HTML
  • Choose between plain or line-numbered code blocks
  • A responsive, screen reader and keyboard accessible output site

To get started using Infusion, you’ll first need to look at the Installation pattern.