Responsive flexbox grid framework

Usage no npm install needed!

<script type="module">
  import cmsgovDesignSystemLayout from 'https://cdn.skypack.dev/@cmsgov/design-system-layout';


This package contains the following design system assets:

  • Responsive flexbox grid framework


npm install --save @cmsgov/design-system-layout


The source files included are written in Sass (.scss). You can add your node_modules directory to your Sass includePaths and import the file like this:

@import '@cmsgov/design-system-layout/src/index';

or import the compiled CSS:

@import '@cmsgov/design-system-layout/dist/index.css';

Please view the documentation site for additional information.


Examples of the design system in use can be found in the examples directory on GitHub.

Bugs and contributions

Please submit an issue on GitHub for any bugs or feature requests.

You can also read our CONTRIBUTING.md document to learn about setting up a local development environment, contributing to the design system, and our coding guidelines.