Herdr UI
Herdr의 TUI가 뛰어나며, 창을 통해 추가되는 기능
Gmail·Outlook·다크모드 적용 후 이메일 모습 변화를 21개 받은편지함에서 확인하고 디자인 유지한 채 깨지는 부분을 수신 전 수정
Gmail, Outlook and dark mode change how your email looks after you send it. See it in 21 inboxes and fix what breaks, design kept, before your client opens it.
개발 도구TypeScript · HTMLGitHub @emailens온라인운영자 미확인
써 보셨어요? 한 번만 눌러 주세요. 로그인은 필요 없어요.
개인 계정의 공개 저장소 소유자는 GitHub로 로그인해 운영자를 확인하고 소개를 직접 관리할 수 있습니다. 관리자 승인은 필요하지 않습니다.
로그인한 뒤 확인 파일을 만들어 이 저장소의 기본 브랜치에 30분 안에 커밋해 주세요. 다른 브랜치나 포크의 파일은 인정하지 않습니다. 파일을 올린 뒤 아래에서 확인하면 관리자 승인 없이 관리할 수 있습니다. 자격을 유지하려면 파일을 남겨 두세요.
로그인이 필요하면 로그인 화면으로 이동합니다. 로그인 후 이곳으로 돌아와 원하는 확인 버튼을 다시 눌러 주세요.
프로젝트 폴더에서 /nomorevibe verify를 실행하면 소유권을 확인하고 소개를 직접 관리할 수 있습니다.
1분 만에 확인하기The email compatibility engine behind Emailens, as a TypeScript library. Checks HTML, React Email, MJML and Maizzle CSS and HTML against 21 email clients: per-client transforms and scores, dark-mode simulation, suggested fixes, and spam, accessibility, link and image checks. Runs offline. MIT.
저장소 README에서 가져옴
README 전체를 불러오는 중입니다.
README 전문 보기 ↗The rendering linter for email
Quick Start · What It Catches · Why Emailens · Supported Clients · API Docs
Your email looks perfect in Apple Mail. Gmail strips half the CSS. Outlook renders it in Word.
@emailens/engine analyzes HTML, React Email, MJML, and Maizzle against 21 email clients and scores compatibility before your email goes out. It catches the issues in the engine, in the terminal, in CI, and inside AI coding workflows.
If you want the fastest path to trying it locally, start with the CLI:
npx @emailens/cli lint email.html
The CLI is the recommended entry point for open-source usage. The engine is the lower-level library for builders, tools, and custom integrations.
emailens.dev is the hosted SaaS for shared previews, screenshots, visual diffs, and team workflows. The open-source packages are the local developer tooling.
npx @emailens/cli lint email.html
npm install @emailens/engine
import { auditEmail } from "@emailens/engine";
const html = `<html><body><div style="display:flex; gap: 12px;">...</div></body></html>`;
const report = auditEmail(html, { framework: "jsx" });
console.log(report.compatibility.scores["outlook-windows"]);
The main entry runs in the browser as well as in Node, and a test keeps it that
way. The Node-only parts live in subpaths: @emailens/engine/compile (React
Email, MJML and Maizzle compilers) and @emailens/engine/server (DNS and
SpamAssassin checks).
Every finding may include source positions, so a result can be pointed at, annotated, or fixed in place.
Each client links to its support page on emailens.dev, built from this package's data. Every feature across all 21 clients: emailens.dev/email-css.
| Client | ID |
|---|---|
| Gmail | gmail-web |
| Gmail Android | gmail-android |
| Gmail iOS | gmail-ios |
| Outlook 365 | outlook-web |
| Outlook (New) | outlook-windows |
| Outlook Classic | outlook-windows-legacy |
| Outlook iOS | outlook-ios |
| Outlook Android | outlook-android |
| Outlook for Mac | outlook-macos |
| Apple Mail | apple-mail-macos |
| Apple Mail iOS | apple-mail-ios |
| Yahoo Mail |
| Package | Use it for |
|---|---|
| @emailens/engine | Core library and analysis API |
| @emailens/cli | Lint locally and in CI |
| @emailens/mcp | AI agent access to email QA |
| emailens/action | GitHub Action quality gate |
| emailens/vscode | VS Code linting and preview |
| emailens.dev | Hosted previews and team workflows |
MIT, Copyright 2025 Emailens
If this saved you from an Outlook surprise, a star helps other email developers find it.
yahoo-mail |
| Yahoo Mail Android | yahoo-mail-android |
| Yahoo Mail iOS | yahoo-mail-ios |
| Samsung Mail | samsung-mail |
| Thunderbird | thunderbird |
| HEY Mail | hey-mail |
| Proton Mail | protonmail |
| AOL Mail | aol |
| Fastmail | fastmail |
| Superhuman | superhuman |