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>
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
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