36 Free Mobile-Friendly & Responsive HTML Email Templates 2026
Email marketing is crucial for any online business. We decided to create beautiful HTML email templates and share them for free.
These HTML templates are responsive, mobile-friendly, and available for free use, both for personal and commercial purposes.
The business aspects of the web are closely tied to marketing, just as they are in the physical world. Marketing is the art of making sales based on promotional skills, values, and the quality and usability of your product.
Online business owners can choose from various marketing techniques, such as search engine marketing, blog marketing, paid advertising, and word of mouth. However, one of the most popular online marketing techniques today is email marketing, which involves the art of selling and promoting products or services using email.
Some say it’s as simple as creating an email list, getting people to sign up for it, and just sending them offers all day.
On the topic of mistakes, many email marketers also tend to send emails to all their subscribers, forgetting the importance of email personalization and its benefits to their business.
Table of contents — all 36 templates
- Brevo Drag & Drop Email Builder
- Colorlib Restaurant Email v1
- Colorlib Corporate Email v2
- Colorlib Portfolio Email v3
- Colorlib Blog Email v4
- Colorlib Travel Email v5
- Colorlib eCommerce Email v6
- Colorlib Email Newsletter v7
- Colorlib Shopping Email v8
- Colorlib Photography Email v9
- Colorlib Email Verification v10
- Colorlib Email Verification v11
- Colorlib Shopping Cart Email v12
- Cerberus
- Omicron
- Good Ol’ Bakery
- Zeta
- Shopilicious
- Be Shoppy
- Litmus
- Responsive HTML Email Framework
- Antwort
- Playground from ZURB
- Mosaico
- Open Source Email Templates
- HTML Email Templates
- MJML — The Responsive Email Framework
- Passion
- MailPortfolio
- Valentine’s Day Email Template
- EDMDESIGNER
- Modern HTML Email
- Notify
- Miley
- Webwall
- Agency
let’s look at the best HTML email templates.
Best Free HTML Email Templates
Brevo Drag & Drop Email Builder
Free · Best for: teams that want templates and sending in one place
The template library and the sending platform are the same product, so nothing has to be exported. Brevo’s drag-and-drop editor ships with dozens of ready-made layouts you edit in the browser, and the entry plan is free with no card required. Delivery, contacts and campaign reporting sit behind the same login, so there is no HTML file to hand off.
Colorlib Restaurant Email v1
Free HTML · Best for: restaurant menus and offer blasts
It reads like a restaurant landing page folded into an inbox. A photo hero carrying one “Get Your Order Here” button opens the email, followed by a welcome note, a three-column services row and stacked menu items that each link out separately. The markup is MIT-licensed table-based HTML compiled from MJML, so it imports into Mailchimp or any other sending service unchanged.
Colorlib Corporate Email v2
Free HTML · Best for: agency lead nurture and service promos
A navigation bar across the top lets one email double as a site map. Home, About, Works, Blog and Contact links sit above the hero, so subscribers can jump straight to whichever section they came for. Below that sit a three-column services row covering branding, design and development, then a single Get Started button carrying the conversion.
Colorlib Portfolio Email v3
Free HTML · Best for: freelancers and studios sending work updates
Most of the email is a thumbnail grid rather than copy. Eight project tiles labelled by discipline fill the middle, wrapped by a short headline above and an about block with full contact details below. There is no pricing or promotional furniture, which keeps a portfolio drop from reading like a sales email.
Colorlib Blog Email v4
Free HTML · Best for: blogs and magazines sending post digests
Every article block already carries a date, a category tag and its own read-more link. A masthead and nav sit up top, a lead post takes the hero, and repeated post cards follow underneath, so seven excerpts turn into a finished digest. Swapping the category label is usually the only structural edit a magazine needs.
Colorlib Travel Email v5
Free HTML · Best for: travel agencies pushing trips and offers
Destination cards carry a place name and a trip length, so an offer email largely writes itself. A full-width hero opens, a welcome block introduces the operator, then a Best Destination grid repeats location tiles with duration labels underneath. The top nav mirrors a travel site with Home, About, Works, Blog and Contact.
Colorlib eCommerce Email v6
Free HTML · Best for: fashion promos and sale announcements
Category navigation at the top turns the email into a shop entrance. Home, New, Women, Kids and Blog links sit above a discount hero, then six product blocks each get their own Shop now button. It closes with a Start Shopping call to action, social icons and an unsubscribe line already in place.
Colorlib Email Newsletter v7
Free HTML · Best for: seasonal content roundups
It is built around one seasonal theme rather than a permanent masthead. A Winter is Coming hero leads into a best-articles-this-month block where each dated card gets a category tag, an excerpt and a read-more link. Change the hero art and heading and the same file serves the next campaign.
Colorlib Shopping Email v8
Free HTML · Best for: storewide sales and new-arrival emails
Two stacked hero banners let one send carry two offers. A discount headline with a Start Shopping button comes first, a softer seasonal banner with Browse Shop follows, then a product grid where each item shows its price and its own buy link. It suits stores pairing a promotion with a wider browse prompt.
Colorlib Photography Email v9
Free HTML · Best for: photographers sending gallery and album updates
The lightest build in this set, at ten tables and almost no copy. After a short hero the email becomes a two-column album grid, each tile labelled with a genre such as fashion, nature or animals. Text is deliberately sparse so the images carry the message, which also keeps the message weight down.
Colorlib Email Verification v10
Free HTML · Best for: double opt-in and signup confirmation
A single-column transactional layout with exactly one action in it. The body holds a verify-your-email heading, one supporting line and a subscribe button, with a three-column footer for the about text, contact details and site links. A few wording changes turn it into an account-activation email instead.
Colorlib Email Verification v11
Free HTML · Best for: connection requests and personal confirmations
It confirms a person, not just an address. The body centres on an avatar with a name and job title and offers two choices, accept or ignore, rather than one button, which is the pattern social and team products need for invitations. The same three-column footer carries about text, contact details and the unsubscribe note.
Colorlib Shopping Cart Email v12
Free HTML · Best for: abandoned-cart recovery
The body is a real line-item table, not a picture of one. Item and price headers sit above rows carrying the product name, variant, short description and price, followed by a single button back to the unfinished order. The footer swaps marketing links for account, wishlist and order pages, which is what a returning shopper needs.
Cerberus
Free HTML · Best for: developers hand-coding email layouts
Three annotated patterns rather than three finished designs. The fluid file suits single-column transactional mail, the responsive file handles shape-shifting layouts on clients that support media queries, and the hybrid file reconfigures itself even where they do not. Blocks are compartmentalised so they can be nested and combined, and the whole thing is MIT-licensed.
Omicron
Free HTML · Best for: event, gig and content announcements
Soft rounded shapes give it a mobile-app feel rather than a corporate one. It is aimed at announcement sends, whether that is an event, a gig, a new video or a batch of posts, with room for pre-header text, a footer block and social links. Colours and type swap out without touching the structure.
Good Ol’ Bakery
Free HTML · Best for: bakeries and food brands
A dark palette, which is unusual for a food newsletter and makes product photography carry the layout. It was drawn for bakeries, restaurants and other food businesses, and holds up for a small online store as well. Note that the download now sits under MailBakery’s Bakery Newsletter listing after a rename.
Zeta
Free HTML · Best for: mixed-content newsletters
It carries a timeline and a testimonial block, which most free templates leave out. Alongside those sit blog-post snippets and social buttons, so a single send can mix company news, proof and content links without extra coding. That range makes it a reasonable default when the newsletter format is not settled yet.
Shopilicious
Free HTML · Best for: coupon and discount campaigns
Coupon blocks are built in, so a discount code does not have to be bolted on afterwards. Beyond those it offers dedicated product sections, call-to-action buttons and social links, aimed at stores running promotions on a regular schedule. It pairs naturally with one of the free eCommerce website templates on the other end of the click.
Be Shoppy
Free HTML · Best for: boutique and high-end fashion sends
Black and gold styling aimed squarely at boutique and high-end brands. The layout handles bags, accessories, electronics and furniture as comfortably as apparel, so a mixed catalogue does not break it. If a store’s regular emails already lean minimal, this one supplies the occasional showpiece send.
Litmus
Free HTML · Best for: covering several campaign types at once
Five templates covering five different jobs rather than five different looks. The set includes a newsletter, a product announcement, a receipt for invoicing, a short announcement message and a minimal stationery layout. Coming from a company whose business is rendering tests, they are a safe starting kit for a small team.
Responsive HTML Email Framework
Free HTML · Best for: assembling layouts from reusable blocks
A block library rather than a template: grids, rows, spacing elements, buttons and image rows you stack yourself. The open-source project lets developers assemble a layout from parts instead of editing somebody else’s finished design, and the pieces have been checked against the leading clients with Litmus testing.
Antwort
Free HTML · Best for: minimal layouts with variable content
Layouts built for content that changes length, so a variable feed does not break the design. Antwort supports Gmail, Yahoo and Outlook out of the box, including older Outlook builds, and stays deliberately minimal throughout. It was written by Julie Ng for InterNations and released under the MIT licence.
Playground from ZURB
Free HTML · Best for: developers who prefer editable stylesheets
Five templates from the team behind Foundation, shipped as separate HTML and CSS files. Splitting the stylesheet out makes restyling easier, but the CSS has to be inlined before sending and most platforms do that automatically. ZURB’s HTML5 framework work is the same lineage as Foundation for Emails, so these sit at the more engineered end of this list.
Mosaico
Free · Best for: building templates in a browser editor
An open-source builder you can host yourself rather than a hosted service you rent. Mosaico lets you assemble a layout in the browser, manage custom elements and preload your own templates into the system for reuse. Because the project is open source, the block set can be extended by whoever runs it.
Open Source Email Templates
Free HTML · Best for: invoice and receipt emails
Ten open-sourced templates, though in practice the library leans heavily towards invoicing. That narrows the use case but suits it well: if the job is sending customers a clean receipt, the set is free to edit and republish. For marketing sends, look at one of the general-purpose kits above.
HTML Email Templates
Free HTML · Best for: browsing a large catalogue by occasion
More than twenty templates in one public gallery, sorted by the occasion they are meant for. Partnership announcements, business updates, straight newsletters and event invitations each get their own entries, so the pick is made by campaign type rather than by looks. Access does not require a paid Campaign Monitor plan.
MJML — The Responsive Email Framework
Free HTML · Best for: developers who would rather not write table markup
A markup language that compiles to email-safe HTML, so the nested tables are generated for you. Write MJML components, run the compiler, and the output is standards-compliant markup ready for your sending software. Preview templates ship with it, and Colorlib’s own email set above is written in MJML for exactly this reason.
Passion
Free HTML · Best for: elaborate, design-led campaigns
Modular to the point that it behaves like a page builder inside the inbox. Every element detaches from the rest, so a send can be assembled from only the blocks it needs. The result can end up closer to a website template than a newsletter, which is both the appeal and the risk.
MailPortfolio
Free HTML · Best for: creative portfolio sends
Essentially the template above in a red palette. The structure is the same, and the footer keeps the company-information block that most sending platforms require by law. Choose between the two on colour rather than on features.
Valentine’s Day Email Template
HTML · Best for: seasonal Valentine’s promotions
A single-occasion design for the February campaign most stores run anyway. It carries enough sections to promote offers or news rather than only a greeting, and the copy blocks are straightforward to repurpose for other seasonal sends. The original download page has since moved, so check where the link lands before planning around it.
EDMDESIGNER
Best for: agencies rebuilding the same blocks every month
It saves elements, not just whole templates. A news block, a branded header or a standard unsubscribe footer can be stored once in the drag-and-drop editor and dropped into later campaigns. That matters most to teams producing emails on a schedule rather than occasionally.
Modern HTML Email
Best for: learning why email markup behaves the way it does
The one entry here that is a book rather than a file. Jason Rodriguez covers building an email, testing it across clients, and reading the analytics afterwards. Worth the detour when a template keeps breaking in one client and the cause is not obvious from the markup.
Premium Responsive HTML Email Templates
As mentioned, our free list of email templates is now closed. Before you immerse yourself in your newfound tools and templates, we would like to introduce some responsive templates from the premium market. The pricing for these is cheap (compared to what you would pay a designer to do it for you), and we have found some truly remarkable templates that we feel the community will appreciate.
Notify
Premium HTML · Best for: publishers who want a builder bundled in
The licence includes an online builder, so the thirty-plus layouts can be recombined without touching code. eCommerce blocks are part of the set, which makes it usable for store promotions as well as newsletters. It is sold on ThemeForest as a multipurpose bundle rather than as a single design.
Miley
Premium HTML · Best for: minimal newsletters across several sending services
Import targets are named up front: Mailchimp, Mailster, iContact and Aweber. Over thirty ready-made newsletters come with the bundle, alongside notification layouts, several grid options and unrestricted colour choices, all in a deliberately minimal style. The online builder is included, so recombining modules does not mean editing HTML.
Webwall
Premium HTML · Best for: teams assembling many campaigns from one kit
Three base templates and more than sixty modules, which is the ratio to look for when campaigns vary a lot. Modules cover news sections, background images and colour variants, and they can be named and reused indefinitely. It is a ThemeForest bundle aimed at recurring newsletter production rather than a one-off send.
Agency
Premium HTML · Best for: agencies and freelancers billing client sends
Sold as a template plus thirty modules, with Mailchimp support named in the listing. That module count is what makes it workable for client work, where every project wants a different arrangement built from the same base. Compatibility extends to smaller sending platforms as well as the large ones.
Email Client Compatibility: What Actually Works
Before customizing any template, know what the major rendering engines allow. Classic Outlook on Windows renders email with Microsoft Word’s engine — that single fact explains most of the table-based markup in this collection. (The new Outlook app and Outlook.com use a web engine and behave far better.)
| Technique | Outlook (classic Windows) | Gmail | Apple Mail | Outlook.com / new Outlook | Yahoo Mail |
|---|---|---|---|---|---|
| Table layouts + inline CSS | Yes | Yes | Yes | Yes | Yes |
| Media queries (responsive) | No | Yes | Yes | Yes | Yes |
| Flexbox / CSS grid | No | Partial | Yes | Partial | Partial |
| Background images | VML workaround only | Yes | Yes | Yes | Yes |
| Web fonts | No (falls back) | No (falls back) | Yes | No (falls back) | No (falls back) |
| Dark-mode CSS overrides | Partial | Auto-inverts colors | Yes | Partial | Auto-inverts |
Practical rules: keep layout in nested tables with inline CSS as the baseline, treat media queries as progressive enhancement, always define a fallback font stack, and test dark mode — Gmail and Yahoo recolor emails automatically and will invert low-contrast designs in ways you did not plan.
Hand-Coded Tables vs MJML
If you build custom emails regularly, consider MJML — a markup language that compiles simple components (mj-section, mj-column) into the bulletproof table HTML email clients require. You write maintainable source; it produces the Outlook-safe output. The templates on this page are the other route: already-compiled, tested HTML you can import into any sending platform directly. Use MJML for ongoing custom work, ready-made templates for speed.
Using These Templates With Mailchimp (and Other ESPs)
Every template in this list imports cleanly into Mailchimp, Brevo, Klaviyo, or any platform that accepts custom HTML. In Mailchimp: create a campaign, choose Code your own → Paste in code, and paste the template HTML. Then make three adjustments before sending:
- Unsubscribe link: Mailchimp requires its
*|UNSUB|*merge tag in the footer — replace the template’s placeholder unsubscribe link with it, or the campaign will not send. - Personalization: swap greeting placeholders for merge tags like
*|FNAME|*(each platform has its own tag syntax). - Images: upload the template’s images to the platform’s content studio and replace local paths with the hosted URLs, so images load for every recipient.
Platform template galleries are convenient, but custom HTML keeps you portable — the same template works if you switch providers, and your design is not locked to one platform’s builder.
Frequently Asked Questions
Why do HTML emails still use table layouts?
Because Outlook on Windows renders email with Microsoft Word’s engine, which ignores floats, flexbox, and grid. Nested tables plus inline CSS remain the only layout method that renders consistently everywhere.
How do I test an email template before sending?
Send test emails to accounts on Gmail, Outlook, and Apple Mail at minimum, or use a rendering service (Litmus, Email on Acid, Testi@) that screenshots dozens of clients. Always test dark mode — it inverts more than you expect.
Can I use these templates in Mailchimp, Brevo, or Klaviyo?
Yes — every major ESP accepts custom HTML imports. Paste the template, then replace unsubscribe links and personalization with the platform’s merge tags (Mailchimp requires its unsubscribe tag before sending).
Should I build emails with MJML instead?
For ongoing custom work, yes — MJML compiles clean components into bulletproof table markup. The ready-made templates here skip that step: they are already compiled, tested HTML you can import directly.
Related Posts
Elegant templates! Do you know that MailGet has created a lot of responsive email templates for their users?
It’s responsive drag and drop email builder design mobile friendly templates!
Hey, Alex from sendwithus here. Thanks for including our Open Source Template Library. I just wanted to clarify that a) there are now 12 themes in the OSTL, and b) each theme has not only invoices but 5-10 different templates including welcome emails, surveys, notifications, onboarding emails, etc.
I’m using MailStyler since version 1 and I’m happy with it. I paid it upfront, but I can use it indefinitely. Now with version 2 I build responsive template and they fit perfectly with MailChimp. I thikn I’m writing it because I’m pretty happy with MailStyler.
These are only Html Templates? Where do i find WordPress version?
There are no ‘wordpress’ versions? this is HTML emails. i don’t know how you would find a ‘wordpress’ html email.
Love these templates! I’ve tried Moka previously. But I will definitely check others on this list as well. Antwork sounds really reliable, especially on mobile devices.
Great List of responsive html email templates. Thanks for sharing such a good list of email templates.
All the templates are Perfectly Suited for Business websites.
Hi Alex, These are great templates. It’s always good to get some new inspiration and ideas on how to make your marketing emails slightly different to keep them fresh.
Thanks for sharing 🙂
These templates that can be downloaded don’t seem to work with outlook.
True. I finally managed to download from GitHub…my lack of know how…but you are right, in contrast to other HTML email templates I have, those do not fit well at all in outlook.
I tried to copy some rules from those who work well but could not get it to fit nicely. Cheers.
So on Github I have to download file by file and image by image…right?
Not the most efficient way to share files, eh? and I am being nice 🙂
no… you just clone the repository.
https://docs.github.com/en/repositories/creating-and-managing-repositories/cloning-a-repository
just download the zip
These templates are fantastic. It’s always valuable to discover fresh inspiration and ideas for giving a unique touch to your marketing emails, keeping them vibrant. I usually use Colorlib for the preready html, they have a lot of business cover.