Skip to content
PasateArtem

PasateArtem/email-safe

Placed · $2.60LibraryLive 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.

0 0JavaScriptPush 3mo agoListed 3mo agoNo license on GitHub
cssemaileslintoutlookreact-emailtailwindcss
  • JavaScript98.6%
  • CSS1.4%
View on GitHub

$2.60

Paid so far for this repo's place on the board. The place is permanent: it holds until another repo spends more, and then this one moves down, never off. Taking the top of the board from here costs $15.40.

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.