Foundation
Jump to Nav

# Foundation for Sites

We built Foundation for Sites to be the most advanced responsive front-end framework in the world.

## Installing

There are a number of ways to install Foundation for Sites. If you're just getting started, we recommend installing our Node CLI, which allows you to quickly set up starter projects with any Foundation framework.

It's also possible to manually install Foundation for Sites into your project through npm, Bower, Meteor, NuGet or Composer.

Install Foundation for Sites

### Looking for Foundation 5?

We're still supporting Foundation 5 for those who don't want to take the leap into the future with us. You can view the docs, download a package or visit the Github page.

Download Docs GitHub

## What's in the Box?

Get to know the pieces of Foundation.

### General

Global Styles

Global styles applied by the Foundation framework.

Accessibility

An overview of Foundation's accessibility hooks.

Right-to-Left Support

Getting Foundation working with RTL languages.

Sass

Installing and using the Sass version of Foundation.

JavaScript

Initializing and using Foundation's JavaScript plugins.

Media Queries

Working with Foundation's breakpoints.

Flexbox Mode

Supercharge your CSS with flexbox.

Compatibility

What browsers does Foundation work with?

Kitchen Sink

Every component on one page.

### Components

#### Layout

- Grid
- Flex Grid
- Forms
- Visibility Classes
- Float Classes
- Flexbox
- Vertical Rhythm

#### Typography

- Base Styles
- Helper Classes

#### Controls

- Button
- Button Group
- Close Button
- Slider
- Switch

#### Libraries

- Motion UI
- Panini
- Style Sherpa

#### Navigation

- Overview
- Menu
- Dropdown Menu
- Drilldown Menu
- Accordion Menu
- Top Bar
- Responsive Navigation
- Magellan
- Pagination
- Breadcrumbs

#### Containers

- Accordion
- Callout
- Card
- Dropdown
- Media Object
- Off-canvas
- Reveal
- Table
- Tabs
- Responsive Accordion Tabs

#### Media

- Badge
- Responsive Embed
- Label
- Orbit
- Flickity
- Progress Bar
- Thumbnail
- Tooltip

#### Plugins

- Abide
- Equalizer
- Interchange
- Toggler
- Sticky

#### Sass

- Mixins
- Functions