4.4.0 • Public • Published


CAST Figuration: A feature rich, responsive, mobile first, accessible, front-end framework.

Get started at!

Table of Contents


Latest Release npm version CSS size CSS gzip size JS size JS gzip size

Development Build Status Build Status Sauce Labs Test Status

Quick Start

Several quick start options are available:

  • Download the latest release.
  • Clone the repo: git clone
  • Install with npm: npm install figuration@4.4.0
  • Install with yarn: yarn add figuration@4.4.0

Read the Get Started page for information on the framework, templates, and examples.

What's Included

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:

+-- dist/
    +-- css/
    ¦   +-- figuration.css
    ¦   +-- figuration.min.css
    ¦   +-- figuration-rtl.css
    ¦   +-- figuration-rtl.min.css
    +-- js/
        +-- figuration.js
        +-- figuration.min.js

We provide compiled CSS and JS (figuration.*), as well as compiled and minified CSS and JS (figuration.min.*). CSS source maps (figuration.*.map) are available for use with certain browsers' developer tools.

Bugs and Feature Requests

Have a bug or a feature request? Please first read the issue guidelines and search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.


Figurations's documentation, included in this repo in the root directory, is built with Eleventy and publicly hosted on GitHub Pages at The docs may also be run locally.

Documentation search is powered by Algolia's DocSearch.

Running Documentation Locally

  1. Run npm install to install Node.js dependencies.
  2. Run grunt dist (or a specific set of Grunt tasks) to rebuild distributed CSS and JavaScript files, as well as our docs assets.
  3. From the root /figuration directory, run npm run docs-serve in the command line.
  4. Open http://localhost:9001 in your browser, and enjoy.

Learn more about using Eleventy by reading its documentation.


Please read through our contributing guidelines. Included are directions for opening issues, coding standards, and notes on development.

If your pull request contains JavaScript patches or features, you must include relevant unit tests. All HTML and CSS should conform to the coding standards.

Editor preferences are available in the editor config for easy use in common text editors. Read more and download plugins at


Keep up with Figuration's development and announcements.


For transparency into our release cycle and in striving to maintain backward compatibility, Figuration is maintained under the Semantic Versioning guidelines. We might screw up, but we'll try sticking to those rules whenever possible.


See the Releases section of our GitHub project for changelogs for each release version.

Code and documentation copyright 2013-2023 CAST, Inc. Code released under the MIT license. Docs released under Creative Commons.

Package Sidebar


npm i figuration

Weekly Downloads






Unpacked Size

2.54 MB

Total Files


Last publish


  • mbrambilla