Responsive HTML Email Template: Simple email starter
Cross-client HTML email starter with inline CSS support.
Learn more about Responsive HTML Email Template
This is a starter HTML email template designed for use with email marketing platforms and transactional email services. The template uses responsive CSS media queries to adapt layout across desktop, mobile, and web email clients. It provides both a standard version for marketing platforms like Mailchimp that handle CSS inlining automatically, and a pre-inlined version for API-based services like Mailgun and SendGrid. The repository includes documentation on image attribute requirements for email client compatibility and has been tested across multiple email clients including Gmail, Outlook, Apple Mail, and mobile clients.
CSS inlining guidance
Provides both a standard HTML version and a pre-inlined CSS version, with clear documentation on when to use each depending on whether you're using a marketing platform or API service.
Multi-client testing
Template has been tested across major email clients on mobile, desktop, and web platforms, with visual documentation of rendering results.
Minimal structure
Focuses on a simple, clear layout with a single call-to-action button rather than complex multi-section designs, reducing compatibility issues across email clients.
const mailchimp = require('@mailchimp/mailchimp_transactional');
const client = mailchimp('your-api-key');
const emailHTML = `<!DOCTYPE html>
<html>
<!-- Use the non-inlined responsive template -->
<head><style>@media only screen and (max-width: 600px) { .mobile-stack { width: 100% !important; } }</style></head>
<body><table class="mobile-stack"><tr><td>Your content here</td></tr></table></body>
</html>`;
await client.messages.send({
message: { html: emailHTML, subject: 'Welcome!', to: [{ email: 'user@example.com' }] }
});Top in Frontend
Related Repositories
Discover similar tools and frameworks used by developers
TanStack Query
Declarative server-state caching with automatic background synchronization.
Remix
Full-stack web framework built on web standards with modular routing, middleware, and session packages.
tradingview
Custom datafeed integration for Tradingview charting library.
Astro
Static site generator with selective component hydration.
TanStack Form
Type-safe headless form state management across frameworks.
Related Reading
Guides and comparisons from the Greptile content library
What is a sandbox environment? Everything you need to know
A sandbox is an isolated, disposable environment where code can run without touching anything else. Learn how sandboxes work, what teams use them for, how to set one up, and why they matter more now that agents write so much of the code.
What is a pull request & why is it important for code reviews?
Pull requests protect your codebase, but traditional PR workflows are becoming the bottleneck as AI writes more code. Learn what pull requests are, how to create one, and how to automate PR review so velocity and trust scale together.
Greptile Ranks #1 on Martian's AI Code Review Benchmark
Greptile ranks #1 on Martian's independent online AI code review benchmark, leading all evaluated tools in F1 score and precision with near-leading recall.
9 Best Pull Request Automation Tools [2026]
Nine pull request automation tools compared on features, use cases, pricing, and user feedback, so you can work out which one closes the gap between how fast your team writes code and how fast it can review it.