> ## 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.

<CardGroup>
  <Card title="Image" icon="image" href="/components/image">
    Display an image in your email.
  </Card>

  <Card title="Link" icon="link" href="/components/link">
    A hyperlink to web pages or anything else a URL can address.
  </Card>

  <Card title="Divider" icon="horizontal-rule" href="/components/hr">
    Display a divider that separates content areas in your email.
  </Card>

  <Card title="Preview" icon="magnifying-glass" href="/components/preview">
    A preview text that will be displayed in the inbox of the recipient.
  </Card>
</CardGroup>