Skip to main content
Figuration v3 Preview Available!
Get Started

An overview of Figuration, including how to use it, basic templates, examples, and more.


Get a project underway with examples showing concepts from basic framework components up to custom layouts.

Download the source code to get all the files used in the examples. They can be found in the docs/examples/ directory.

The Basics

Examples focusing on the use of the standard components.

  • Starter Template - Basic starting point with the compiled CSS and JavaScript.
  • Grid Examples - Samples of Grid layouts, including responsive breakpoints, nesting, clearing, and push/pull.

More to come!