Skip to content
PasateArtem

PasateArtem/email-safe

LibraryLive in production

Tailwind CSS + ESLint tools for email-safe HTML. AI-maintained compatibility matrix.

Tailwind CSS + ESLint tools for email-safe HTML. AI-maintained compatibility matrix.

1 0JavaScriptPush 8d agoListed 8d agoNo license on GitHub
cssemaileslintoutlookreact-emailtailwindcss
  • JavaScript98.6%
  • CSS1.4%
View on GitHub

Report a problem

1 Review

email-safe solves a very real frontend pain: Tailwind classes that look fine in a browser can break badly in email clients like Outlook and Gmail. The repo’s direction is strong because it catches those mistakes early through tooling rather than waiting for expensive rendering tests. The monorepo contains an ESLint plugin package and a Tailwind plugin package. The ESLint plugin exposes no-unsafe-classes and prefer-px-units rules with recommended and strict configs, while the Tailwind plugin adds email/MSO-focused utilities like email-table, email-img, email-td, mso-lh-exact, mso-hide, email-safe font stacks, and standard email widths. The sync-caniemail.js script is a particularly good piece: it maps caniemail feature slugs to Tailwind class patterns, checks target clients, and generates a compatibility matrix automatically. As a user, I can see this fitting neatly into React Email or any JSX email template folder. Improvements: update the README now that the packages have real versions instead of “soon,” add before/after lint examples, include tests in the README, and clarify multilingual docs since parts are English and parts Ukrainian. This is a useful niche developer tool with a strong foundation.