Standard HTML components distilled from real emails, mix-and-match composable
starter-email-components — HTML Starter Template
By blocksedit
An HTML email component design system distilled from a large number of real emails, offering composable standard email modules that cover common email types such as welcome, notification, order, and newsletter.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
What stands out
A quick read of the recorded project description.
Provides both modern email code and versions compatible with older Outlook
Components cover common layouts such as Hero, lists, receipts, status, surveys, and multi-column
Responsive layout with dark mode compatibility, semantic and accessibility-oriented code
Labeled Blocks Edit ready, supporting visual drag-and-drop editing
Template Details
starter-email-components is an HTML email component starter maintained by the Blocks Edit team. It distills recurring layouts from hundreds of real emails into a set of standard components for users to select and combine by email type. The repository is written in HTML and provides both modern email code and code versions compatible with older versions of Outlook.
At the component level, it includes common modules such as Intro/Hero, Callout, information lists, product lists, short message lists, calendar lists, receipts, status, reservation details, messages, products, surveys, profile cards, and two-column and three-column layouts. At the email type level, it covers welcome/onboarding, announcements, events, confirmations, subscriptions and payments, notifications, promotions and e-commerce, help-related, interactive, and newsletters.
The template emphasizes responsive layout, dark mode compatibility, semantic markup, and accessibility, and is labeled Blocks Edit ready, allowing drag-and-drop editing in its visual editor. The repository uses the MIT license, permitting free use, modification, commercial use, and distribution of this version of the code; third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses.
Is it right for your project?
Use Cases
- Building welcome and onboarding emails for new user registration flows
- Creating order confirmation, payment subscription, receipt, and status notification emails
- Arranging event announcements, product recommendations, and e-commerce promotional emails
- Building regularly sent newsletters or content update emails
Suitable For
- Email marketers who need ready-made HTML email modules
- Design and operations teams looking to unify their team's email layouts
- Users who use Blocks Edit for visual email editing
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
The repository is an HTML template and requires integration with an email sending service or platform
- 2
Before use, check the licenses of third-party assets such as demo images, fonts, and icons
- 3
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the MIT license notice
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is this version of the code and does not mean external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version of the code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- The template is labeled Blocks Edit ready; drag-and-drop visual editing depends on the external Blocks Edit service; to use its visual editing features, you need to separately register and use that third-party platform.
- The README states that the template is made by the Blocks Edit team and promotes its visual editor service; using that editor is an external service that may involve an account or payment and is independent of the MIT code license.
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
Blocks Edit ready for drag and drop editing
Original README
https://github.com/blocksedit/starter-email-components/blob/main/LICENSEhttps://github.com/blocksedit/starter-email-components/blob/main/README.mdThis theme has been put together by the Blocks Edit team. [Blocks Edit](https://blocksedit.com/email-marketing/) makes any HTML template editable in a visual editor.
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- More documented · 87 / 100
- Technologies
- HTML
- Website type
- Starter
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-05-23
- Screenshot last checked
- 2026-10-01
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 693ee7274ba5e3f54aa11e077824ba332cc509189b847f137d56e69823abcd7c
2026-10-01T15:35:04.654Z
Source file / repository# Starter Email Components ### HTML design system of standard email components based on hundreds of real-world emails Made for newsletters, on-boarding emails, announcements, events, products, orders, and notifications. With common patterns that can be mixed and matched for any email. ### Features ### - Responsive across screen sizes - Dark mode compatibility - Semantic code, optimized for accessibility - Modern email code - Legacy Outlook code version - Blocks Edit ready for drag and drop editing ## Commonly used components ## Intro/Hero, Callout, Information listing, Product listing, Short info listing, Calendar listing, Receipt, Status, Booking details, Message, Product, Survey, Profile card, Two-column, Three-column <img src="starter-components-sections.png" /> ## Made for standard email types ## - **Welcome/onboarding** - sent when your audience signs up - **Announcements** - share something new or updated - **Events** - educate your audience on your event’s value - **Confirmation emails** - confirm actions, like during the purchase process - **Subscription and payment** - account info and payment-related notices - **Notifications** - activity related to product or service - **Promo and e-commerce** - product offerings and recommendations - **Helpful emails** - instructions, support info, and feedback requests - **Engagement emails** - content based on customer’s previous actions - **Newsletter** - news and updates for a topic, or your product or service, or both <img src="starter-components-layouts.png" /> This theme has been put together by the Blocks Edit team. [Blocks Edit](https://blocksedit.com/email-marketing/) makes any HTML template editable in a visual editor. So you can setup your own design for your team to build and edit email campaigns or landing pages on their own.
Explore similar templates
Compare previews and descriptions within the same stack and category.

startbootstrap-simple-sidebar
A Bootstrap off-canvas sidebar navigation HTML starter template from Start Bootstrap. It provides directly editable HTML and CSS in the dist directory, while the source uses Pug, SCSS, and JavaScript with npm build scripts for live preview and compilation.
HTML · Starter

adminkit
AdminKit is a free, MIT-licensed HTML admin and dashboard template built on Bootstrap 5. The free version includes 15 demo pages, 1 plugin, and 1 color scheme, with hundreds of UI components, forms, tables, charts, and icons.
HTML · Admin dashboard

Landing-Page
A general-purpose landing page HTML template maintained by Tailwind Toolbox, written in pure HTML and loading the complete Tailwind CSS via CDN.
HTML · Corporate Website

light-bootstrap-dashboard
Light Bootstrap Dashboard is a free, MIT-licensed admin dashboard template from Creative Tim, built on Bootstrap with a responsive static HTML structure.
HTML · Admin dashboard

sing-app
Sing App Lite is a free, open-source admin dashboard template from Flatlogic, built with Bootstrap 4.5 and SCSS. It provides a responsive layout, dashboard examples, typography, tables, notifications, basic charts, icons, maps, and a hover sidebar, along with styled Bootstrap components.
HTML · Admin dashboard

startbootstrap-modern-business
Modern Business is a multipurpose Bootstrap full-site HTML template from Start Bootstrap with 17 standalone pages covering home, about, services, portfolio, pricing, blog, FAQ, and contact.
HTML · Starter
