Mobile first design for phones, tablets, and desktops.
Accessibility for keyboard and screen reader users.
Usable with both touch and mouse driven navigation.
Our selection of reusable components, interactive widgets, and customization options can speed up development time.
We have provided multiple examples, code samples, and additional information to help everyone get building.
Get Started Now
<head> of your HTML document.
More information is available on the Quick Start page.
<link rel="stylesheet" href="https://firstname.lastname@example.org/dist/css/figuration.min.css" integrity="sha384-HqecnHXfCPa2riCMr4YVx2uVo1/oeuzdKMBls25lSw2wufob0ijVPQ9ToHLrBs4i" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://email@example.com/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://firstname.lastname@example.org/dist/js/figuration.min.js" integrity="sha384-kraf8ekNGwp27230uEebVDUSk3i9ST0omDildQd0WNRdOp0nlU56zaBSPzs2r5f8" crossorigin="anonymous"></script>
Many of 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.
Most current browers are supported. Additional details can be found on the Browsers & Devices page.
- IE 11+
- Android 6+