v1.6.0
    • Get started

      Install the package, load its styles and components, and build your first page.

    • Foundations

      The content guide, CSS utilities, tokens, and the principles behind every pattern.

    • Patterns

      Every pattern with a live example, when to use it, and where it's already in use.

    Release notes

    Every release, newest first, with what each one added, fixed, and removed.

    September 9, 2026

    v1.6.0

    August 3, 2026

    v1.5.0

    • Updates expand text pattern with button outline variant option.

    July 9, 2026

    v1.4.0

    May 4, 2026

    v1.3.1

    • Updated the feedback pattern to render more consistently.

    April 20, 2026

    v1.3.0

    March 31, 2026

    v1.2.1

    • Improved narrow viewport layout and single page app routing behavior of the feedback.

    March 16, 2026

    v1.2.0

    November 14, 2025

    v1.1.0

    September 10, 2025

    v1.0.0

    Examples:

    <div class="pl-viewport-margins">
      ...
    </div>
    
    pennlibs-header {
      --pl-viewport-margins-max-width: 1080px; /* default is 1440px */
      --pl-viewport-margins-gutters: 1.5em; /* default is 1rem or 3rem when min-width is 768px */
    }
    

    June 17, 2025

    v0.3.1

    • Update the CSS class .viewport-margins left and right padding to be 1rem for all screen sizes, as it used to be.

    June 16, 2025

    v0.3.0

    • Added Hero: Place your most important content in a prominent space, often at the top of your website.
    • Added Fallback image: Maintain visual consistency in layouts when some content lacks images.
    • Added this documentation website.

    Design System

    Get started Foundations Patterns Release notes · v1.6.0 Design notes