> ## Documentation Index
> Fetch the complete documentation index at: https://react.email/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Migrating to React Email

> Migrate from another email rendering framework to React Email

## From MJML

1. Remove the `mjml` npm package and install `react-email`
2. Find all MJML templates ending with the `.mjml` extension and convert these to React components with the `.tsx` or `.jsx` extension.
3. Replace MJML standard component tags with React Email component tags where possible, including `<Text>`, `<Img>`, `<Button>` etc.
4. Convert custom MJML components with the `.js` extension to React components with the `.tsx` or `.jsx` extension.

Try adding these other components to your email.

> **[Image](https://react.email/docs/components/image.md)**
>
> Display an image in your email.

> **[Link](https://react.email/docs/components/link.md)**
>
> A hyperlink to web pages or anything else a URL can address.

> **[Divider](https://react.email/docs/components/hr.md)**
>
> Display a divider that separates content areas in your email.

> **[Preview](https://react.email/docs/components/preview.md)**
>
> A preview text that will be displayed in the inbox of the recipient.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.