Chakra Email
Theme-aware React components and email-safe rendering. Your brand, your content, your delivery provider.
Compose transactional emails with Chakra-style props, theme tokens, and email-safe components. Render HTML and plain text together, preview locally, and send with your provider of choice.
bash
npm install chakra-email react react-domExplore the documentation
Get started
Install Chakra Email and render your first template.
Components
Compose email-safe layouts, typography, and calls to action.
Theming
Bring your brand with tokens, recipes, and color modes.
Markdown
Turn authored content into safe, portable email bodies.
Rendering
Generate HTML and plain text for your delivery provider.
Email preview
Explore templates, variants, and compatibility checks locally.
More resources
Explore template examples, compare package entrypoints, or meet the open-source projects behind this site.
