Figuration

CAST Figuration®

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

Responsive

Mobile first design for phones, tablets, and desktops.

Accessible

Accessibility for keyboard and screen reader users.

Flexible

Usable with both touch and mouse driven navigation.

Faster Development

Our selection of reusable components, interactive widgets, and customization options can speed up development time.

Detailed Documentation

We have provided multiple examples, code samples, and additional information to help everyone get building.

Get Started Now

Quickly get up and running with CAST Figuration by including the compiled CSS and JavaScript in your document. Add the following CDN links in the <head> of your HTML document.

More information is available on the Quick Start page.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/figuration@4.4.0/dist/css/figuration.min.css" integrity="sha384-LoHzFyMpJ/5QljDjSWS5LLkG/cF8LTBrHzd5nljsHCu7kNjUjNBqO4xm7kax1Eqi" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.7.1.slim.min.js" integrity="sha384-5AkRS45j4ukf+JbWAfHL8P4onPA9p0KwwP7pUdjSQA3ss9edbJUJc/XcYAiheSSz" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/figuration@4.4.0/dist/js/figuration.min.js" integrity="sha384-YE5dUlnt6uS3mOG8+ju4SsvmAjwr6J17gnJ4lYMFIcVl4K3BibdylOcS4E83iQBy" crossorigin="anonymous"></script>
CDN services are provided for free by the awesome folks over at jsDelivr.

Flexbox Enabled

Many of CAST Figuration's components, but not all, are built using flexbox. This means enhanced layout and alignment control, but it does come at the cost of not being able to support older browsers.

Sass Source

Sass logo

CAST Figuration compiles and uses standard CSS for its output, but on the source side we use the power of Sass and Autoprefixer for faster and consistent development.

Browser Support

Most current browers are supported. Additional details can be found on the Browsers & Devices page.

  • Chrome
  • Firefox
  • IE 11+
  • Edge
  • Safari
  • Android 6+
  • Opera