---
title: Card
description: Cards are a popular and flexible UI component.
+video: 'OMwg8UsrLrM'
sass: scss/components/_card.scss
tags:
- card
---
title: Flexbox
description: For browsers with cutting-edge support, some of Foundation's key components can be converted to flexbox.
+video: 'KxafSdyTCIg'
sass:
- scss/components/_flex.scss
- scss/util/_flex.scss
---
title: Global Styles
description: Our global CSS includes helpful resets to ensure consistent styling across browsers.
+video: 'nEgHk2wmMjU'
sass: scss/_global.scss
---
---
title: Off-canvas
description: Off-canvas panels are positioned outside of the viewport and slide in when activated. Setting up an off-canvas layout in Foundation is super easy.
+video: 'RK_k__4Y4TU'
sass:
- scss/components/_off-canvas.scss
- scss/components/_title-bar.scss
---
title: Panini
description: A flat file compiler that powers our prototyping template. Create pages with consistent layouts and reusable partials with ease.
+video: 't_ekdBMj4cc'
library:
github: https://github.com/zurb/panini
docs: https://github.com/zurb/panini
---
title: Responsive Accordion Tabs
description: Added in 6.3.0, use the Markup of the Accordion or Tabs components to create Responsive Accordion Tabs.
+video: 'FKzzaWR6j2M'
sass:
- scss/components/_accordion.scss
- scss/components/_tabs.scss