Foundation

Overview

Foundation is a family of responsive front-end frameworks created by ZURB, designed to help designers and developers build beautiful websites, apps, and HTML emails that work on any device. It addresses the challenge of cross-device, cross-client compatibility without forcing developers to sacrifice clean, semantic markup.

Unlike generic CSS libraries, Foundation ships in two focused products — Foundation for Sites and Foundation for Emails — each targeting a distinct build context. Millions of designers and developers use it in production, and ZURB backs it with business support, training, and consulting.

Key Benefits

• Semantic markup lets you write clean HTML without sacrificing utility or development speed.
• Mobile-first approach layers complexity progressively as screen sizes increase, supporting complete responsive design.
• Fully customizable builds let you include or remove elements and define columns, colors, and font sizes.
• Foundation for Emails produces tested HTML email patterns that work with Outlook and all major email clients.
• 29,300+ GitHub stars signal wide community adoption and ongoing open-source contribution.
• ZURB has practiced product design since 1998, providing training and certification grounded in real daily workflows.

How It Works

You download Foundation 6, then choose between Foundation for Sites or Foundation for Emails depending on your build target. You customize your build by selecting elements, defining grid columns, colors, and font sizes, then use the provided HTML, CSS, and JavaScript to prototype and ship your project.

Use Cases

• Front-end developers rapidly prototyping content-focused websites using Foundation for Sites' pre-built UI components and XY Grid.
• Email developers crafting responsive HTML emails that render correctly in Outlook and other major email clients via Foundation for Emails.
• Design teams at product companies integrating Foundation into their workflow with business support and ZURB consulting.
• Developers pursuing career advancement by completing Foundation Certification to validate responsive design and coding skills.
• Beginner web developers using Intro to Foundation webinar training to learn responsive site-building from scratch.
• Experienced developers deepening Sass and JavaScript customization skills through the Advanced Foundation training course.

Why Choose This Product

Foundation is best suited for professional developers and design teams who need a battle-tested, semantic, and fully customizable responsive framework with clear learning pathways. It is particularly strong for teams that also build HTML email campaigns alongside web products.