Kairo Mail — 32 React Email Templates for SaaS & E-commerce (TypeScript, Dark Mode)
Stop hand-coding email tables. Kairo Mail is a set of 32 production-ready email templates built with React Email 6 and Tailwind CSS: auth, billing, product notifications, e-commerce orders and marketing. Typed React components with dark mode, mobile layouts and plain-text versions, ready to send with Resend or any SMTP provider.
Live demo: kairo-mail-demo.jeffev123.workers.dev
32 templates in 6 categories
- Auth (7): welcome, verify email, magic link, login code (OTP), reset password, password changed, new sign-in alert
- Team (4): team invitation, member joined, email change, account deleted
- Billing (7): receipt, invoice, payment failed, trial ending, plan changed, subscription canceled, refund issued
- Product (5): usage alert, weekly digest, mention, export ready, feature announcement
- Commerce (5): order confirmation, shipping update, order delivered, abandoned cart, review request
- Marketing (4): newsletter, promo / sale, webinar invite, win-back
Why Kairo Mail
- One brand file: name, colors, logo, address and social links change all 32 templates at once
- Typed props and realistic preview data for every template
- Dark mode, mobile padding and a clean plain-text version
- Every template renders under 21 KB, far below Gmail's 102 KB clipping limit (a check script verifies it)
- Send examples for Resend, Nodemailer/SMTP and a standard API route; export to plain HTML for Mailchimp, Customer.io or Loops
- Built-in good practices: preview text, link fallbacks, unsubscribe footers for marketing emails
- Works with the React Email preview server (desktop/mobile, dark mode, send test)
What you get
- Source code of all 32 templates, shared layout and building blocks (ZIP)
- README with setup, branding, images, sending and export
- Free lifetime updates
License
- Personal ($29): one end product for you or one client
- Commercial ($59): unlimited end products for you and your clients
You can't resell or redistribute the templates themselves (see LICENSE.md). Demo photos are from Unsplash and are not included.