HN Showcase
Back to browse
Mjmx – render mjml using JSX

Mjmx – render mjml using JSX

by skwee357·Mar 13, 2026·3 points·0 comments
Visit ProjectView on HN

AI Analysis

●●SolidNiche GemShip It

JSX for MJML without the React baggage—lighter than react.email.

Strengths
  • •Custom JSX runtime eliminates React bundle overhead entirely.
  • •Template literal types provide CSS autocomplete without external libraries.
  • •Supports all 40+ MJML components with strict typing.
Weaknesses
  • •MJML ecosystem is shrinking as modern HTML email gains traction.
  • •Very niche audience limits adoption potential.
Target Audience

Email developers, Frontend engineers using MJML

Similar To

react.email · mjml-react · MJML

Post Description

Hey HN!

I have been working with mjml and handlebars for a very long time, but I really miss the type-safety of JSX syntax paired with Typescript and component composition. So I wanted to to combine mjml with jsx. There are libraries like mjml-react or react.email, but for no apparent reason, they seem to depend on react.

So I decided to create mjmx[0] - a standalone, zero dependencies (other than mjml), custom jsx runtime for rendering mjml. Appreciate if you would give a try and provide some feedback.

[0] https://mjmx.dev/

Similar Projects

Developer Tools●●Solid

Mailpeek – Vue.js email preview component (Gmail/Outlook rendering)

Renders email HTML inside an iframe with client-specific CSS filtering (Gmail vs Outlook vs raw), responsive device presets, and a handy 102KB Gmail clipping warning — small but pragmatic features that speed up local iteration. Zero runtime dependencies, TypeScript types and SSR compatibility make it easy to drop into modern Vue/Nuxt stacks; don’t expect it to fully replace real-client testing services like Litmus, but it’s an excellent dev-time preview tool.

Niche GemShip It
ashannon
103mo ago