A collection of patterns & modules for responsive emails
CSS Ruby JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
data
source
.gitignore
Gemfile
Gemfile.lock
README.md
Rakefile
config.rb

README.md

Responsive Email Patterns

A collection of patterns and modules for responsive emails. Responsive Email Patterns Website

Based on Brad Frost's 'This is Responsive' Responsive Patterns.

Layout

  • Column Drop
  • 2 equal-width columns
  • 2 equal-width columns V2
  • 3 equal-width columns
  • Shrink Wrap
  • Main Column with Sidebar
  • Image Surround
  • Layout Shifter
  • Source Order Shift

Navigation

  • Top Links
  • Stacked Split Links
  • Drop Below
  • Footer Anchor
  • Reduce
  • Reduce 2
  • Hide Everything
  • Stacked Top Links
  • Stacked Top Links 4-Up

Lists

  • List with Thumbnails
  • List with Thumbnails V2
  • List with Thumbnails & Summary Stack
  • List with Thumbnails & Summary Hide

Grid Blocks

  • With Title Sections
  • Double-Wide v1
  • Double-Wide v2
  • Double-Wide v3

Media

  • Basic Fluid Image
  • Image Center Crop
  • Image Vertical Crop
  • Image Right Crop
  • Image Left Crop
  • Description Overlay Bottom
  • Image Grid
  • Fuid Video

Accordion

  • Show More
  • Full to Accordion