Generate beautiful screenshots of your emails for presentations, documentation, or sharing. Upload EML files, use HTML tags in the body, preview styled emails, and export them as clean PNG images.
- Built using Vue.js.
- View a demo of the project on GitHub Pages Here.
Application Preview
- Enter your email information in the left panel (top on mobile) and view the preview of it in the right panel (bottom on mobile).
- Click the "Generate Email Image" button to create a screenshot of your email (
.pngformat). - Click "Reset Fields" to reset all fields and image to start again.
Optionally:
- Upload an EML file to pre-fill the email information (Note: images will not be exported due to CORS policy).
- Click the "Upload Image" button to upload an image to use as your sender's profile picture.
- Change your preferred font and font size using the dropdowns on the bottom of the left panel (top on mobile).
- Toggle between light and dark mode using the toggle switch in the top right corner of the page.
- Share the web app with others using the "Share" button in the top right corner of the page.
- The Body support HTML tags, so you can add links, images, and other HTML elements to your email body.
- Cc and Bcc can be left blank if not needed, they will not be included in the email preview as labels if left blank.
- Project setup
npm install
- Compiles and hot-reloads for development
npm run serve
- Compiles and minifies for production
npm run build
- Lints and fixes files
npm run lint
- Vue.js - A progressive, incrementally-adoptable JavaScript framework for building UI on the web.
- Vite Configuration Reference - Vite is a fast build tool that focuses on speed and performance, providing a modern development experience for web applications.
- Vue CLI - Vue CLI is a standard tooling for Vue.js development.
- JavaScript - A lightweight, interpreted, or just-in-time compiled programming language with first-class functions.
- Node.js - A JavaScript runtime built on Chrome's V8 JavaScript engine.
This project is released under the terms of the MIT License, which permits use, modification, and distribution of the code, subject to the conditions outlined in the license.
- The MIT License provides certain freedoms while preserving rights of attribution to the original creators.
- For more details, see the LICENSE file in this repository. in this repository.
Author: Scott Grivner
Email: [email protected]
Website: linktr.ee/scottgriv
Reference: Main Branch
