https://github.com/codeskills-dev/responsive-react-email-examples
This repository contains example responsive email templates built with responsive-react-email.
https://github.com/codeskills-dev/responsive-react-email-examples
email-templates react-email responsive-email
Last synced: 3 months ago
JSON representation
This repository contains example responsive email templates built with responsive-react-email.
- Host: GitHub
- URL: https://github.com/codeskills-dev/responsive-react-email-examples
- Owner: codeskills-dev
- Created: 2023-06-25T11:53:36.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-08-23T19:39:32.000Z (about 2 years ago)
- Last Synced: 2025-03-26T12:11:47.980Z (7 months ago)
- Topics: email-templates, react-email, responsive-email
- Language: TypeScript
- Homepage: https://www.npmjs.com/package/responsive-react-email
- Size: 1.4 MB
- Stars: 4
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Responsive-react-email-examples
A live preview for `react-email` right in your browser so you don't need to keep sending real emails during development.
**Open in [CodeSandbox](https://codesandbox.io/p/github/codeskills-dev/responsive-react-email-examples/master?layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522panelType%2522%253A%2522TABS%2522%252C%2522id%2522%253A%2522cljbe32ma00i23b6zqzvwucvc%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522panelType%2522%253A%2522TABS%2522%252C%2522id%2522%253A%2522cljbe32ma00i33b6z9fxvu959%2522%257D%255D%257D%255D%252C%2522sizes%2522%253A%255B50%252C50%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522cljbe32ma00i23b6zqzvwucvc%2522%253A%257B%2522id%2522%253A%2522cljbe32ma00i23b6zqzvwucvc%2522%252C%2522tabs%2522%253A%255B%255D%257D%252C%2522cljbe32ma00i33b6z9fxvu959%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522id%2522%253A%2522cljbe0dzl009o3b6zpcyh478l%2522%252C%2522mode%2522%253A%2522permanent%2522%257D%252C%257B%2522type%2522%253A%2522TASK_PORT%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522port%2522%253A3000%252C%2522id%2522%253A%2522cljbe2in600fv3b6z5956911e%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522path%2522%253A%2522%252Fpreview%252Fdouble-layout%2522%257D%255D%252C%2522id%2522%253A%2522cljbe32ma00i33b6z9fxvu959%2522%252C%2522activeTabId%2522%253A%2522cljbe2in600fv3b6z5956911e%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A10%257D)**
## Getting Started
First, install the dependencies:
```sh
npm install
# or
yarn
```
Then, run the development server:
```sh
npm run dev
# or
yarn dev
```
Open [localhost:3000](http://localhost:3000) with your browser to see the result.
Example templates are in the `/emails` directory
## License
MIT License