# zurb/foundation-emails

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/zurb-foundation-emails).**

7,790 stars · 1,070 forks · HTML · MIT

## Links

- GitHub: https://github.com/zurb/foundation-emails
- Homepage: https://get.foundation/emails/docs/
- awesome-repositories: https://awesome-repositories.com/repository/zurb-foundation-emails.md

## Description

Foundation Emails is a responsive HTML email framework designed to create layouts that render consistently across different screen sizes and email clients. It functions as a system for building responsive emails and includes a CSS inliner to convert external stylesheets into inline HTML attributes.

The framework incorporates an HTML table layout generator that converts simplified custom tags into the complex table structures required for legacy email client rendering. This process automates the creation of layouts that maintain visual consistency in restrictive email software.

The project provides tools for cross-client email compatibility and responsive HTML email development. This includes mechanisms for email layout automation and CSS inlining to ensure styles are respected by various email service providers.

## Tags

### Web Development

- [Email Development](https://awesome-repositories.com/f/web-development/email-development.md) — Provides a comprehensive framework for writing HTML and CSS specifically for responsive email clients.
- [CSS Inlining](https://awesome-repositories.com/f/web-development/css-inlining.md) — Provides a system to inject CSS rules directly into HTML attributes for maximum email client compatibility.
- [Responsive Email Design](https://awesome-repositories.com/f/web-development/responsive-email-design.md) — Enables the creation of HTML layouts that automatically adapt to different screen sizes and email clients. ([source](https://github.com/zurb/foundation-emails#readme))
- [Email Template Automation](https://awesome-repositories.com/f/web-development/email-templates/email-template-automation.md) — Uses simplified markup to programmatically generate complex table structures for reliable rendering.

### User Interface & Experience

- [Email Frameworks](https://awesome-repositories.com/f/user-interface-experience/email-frameworks.md) — Serves as a complete system of CSS and HTML patterns for building responsive emails across clients.
- [Email Inlining Engines](https://awesome-repositories.com/f/user-interface-experience/inline-styling-systems/email-inlining-engines.md) — Ships an automated engine to extract and inject CSS styles directly into HTML elements. ([source](https://github.com/zurb/foundation-emails#readme))
- [Cross-Client Compatibility](https://awesome-repositories.com/f/user-interface-experience/inline-styling-systems/email-inlining-engines/cross-client-compatibility.md) — Ensures complex layouts and styles display correctly in problematic software, including legacy Outlook versions.
- [Hybrid Responsive Strategies](https://awesome-repositories.com/f/user-interface-experience/responsive-layouts/hybrid-responsive-strategies.md) — Combines fluid layouts and media queries to maintain visual structure in restrictive email clients.
- [Table-Based Layouts](https://awesome-repositories.com/f/user-interface-experience/table-based-layouts.md) — Generates complex nested table structures to ensure layouts render correctly in legacy email clients.
- [Email Client Targeted Styling](https://awesome-repositories.com/f/user-interface-experience/conditional-css-styling/email-client-targeted-styling.md) — Implements client-targeted CSS blocks to ensure visual consistency across different email software.
- [Fluid Percentage Grids](https://awesome-repositories.com/f/user-interface-experience/grid-layouts/windowed-grids/fluid-percentage-grids.md) — Uses percentage-based fluid grids to ensure layouts scale across various screen sizes.

### Testing & Quality Assurance

- [Layout Abstraction Layers](https://awesome-repositories.com/f/testing-quality-assurance/general-testing-utilities/test-utilities-assertions/email-testing-tools/email-layout-validators/layout-abstraction-layers.md) — Converts simplified custom HTML tags into the complex table structures required for reliable email rendering. ([source](https://github.com/zurb/foundation-emails#readme))

### Part of an Awesome List

- [Email Frameworks](https://awesome-repositories.com/f/awesome-lists/devtools/email-frameworks.md) — Rapidly build responsive emails compatible with all major clients.