Brail provides batteries-included tooling for creating, generating and delivering HTML emails. With out-of-the-box email template correctness, ergonomic React templating and full-stack type-safety, never send an erroneous transactional (or marketing) email again.
Brail consists of several tools which aid crafting and delivering emails, across the full-stack:
- React Library: Responsive email component library. Compiles to email-compatible HTML
- Brail Core: Tools for serving emails via type-safe APIs or SDKs
- Devtools: Make email development, debugging and testing easier
- Linting: Identify and fix common HTML email pitfalls
Brail comes packed with many helpful features including:
- 🌈 Theming out-of-the-box
- 📱 Automatic mobile-responsiveness
- 💻 Devtools and live-previews
⚠️ Linting- 🧢 First-class tRPC, Zod integrations
- 🔒 End-to-end type-safety
To get started with Brail, check out the Quickstart guide.
Alternatively, you can check out the Docs, try Brail out in a codesandbox or use one of the Brail starter projects:
Handwriting emails using HTML is notoriously a pain. Unlike the web, email clients don't strongly adhere to a specific standard, resulting in limited and inconsistent support for CSS and HTML features.
Consequently, HTML emails become incredibly verbose, complex and littered with Microsoft Outlook-specific HTML comments, heavily nested <table> elements and esoteric CSS properties. As such, handwriting HTML email is an uncommon and tedious artform.
Brail abstracts away that complexity and aims to provide a web-like experience to writing emails, making it trivial to produce correct emails.
Drag and drop editors make it easy to create email-safe templates, but lack many features we're used to in code-world like theming, abstraction, formatting, maths, version control, PRs and types. By providing a full-proof in-code solution to HTML emails, we regain the control, flexibility and power of code, which makes creating (and refactoring) emails much faster, easier and more fun.