{"id":13721589,"url":"https://github.com/lang-ai/react-emails","last_synced_at":"2026-01-16T15:31:07.054Z","repository":{"id":45323277,"uuid":"89352434","full_name":"lang-ai/react-emails","owner":"lang-ai","description":"Create and render emails on the server with React","archived":false,"fork":false,"pushed_at":"2021-06-10T09:31:33.000Z","size":631,"stargazers_count":145,"open_issues_count":9,"forks_count":35,"subscribers_count":7,"default_branch":"master","last_synced_at":"2024-11-14T10:38:38.898Z","etag":null,"topics":["emails","react","server-side-rendering"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/lang-ai.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-04-25T11:23:02.000Z","updated_at":"2023-10-09T11:29:28.000Z","dependencies_parsed_at":"2022-09-17T04:22:01.080Z","dependency_job_id":null,"html_url":"https://github.com/lang-ai/react-emails","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lang-ai%2Freact-emails","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lang-ai%2Freact-emails/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lang-ai%2Freact-emails/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/lang-ai%2Freact-emails/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/lang-ai","download_url":"https://codeload.github.com/lang-ai/react-emails/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252887290,"owners_count":21819871,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["emails","react","server-side-rendering"],"created_at":"2024-08-03T01:01:18.950Z","updated_at":"2026-01-16T15:31:06.995Z","avatar_url":"https://github.com/lang-ai.png","language":"JavaScript","funding_links":[],"categories":["Github Repositories"],"sub_categories":["Cool projects to take a look"],"readme":"# This respository is no longer maintained\n\n----\n\n# Generating Emails with React\nThis is an example project you can use to generate emails with React. You can start by reading the article [here](https://building.lang.ai/how-to-build-emails-with-react-fcf941b125d1).\n\n\u003e  If you want to generate PDFs using react, check the [react-pdfs](https://github.com/lang-ai/react-pdfs) repo.\n\n\n### Example\n\nTo provide an example as starting point, this project generates a weather\nforecast by using the [MetaWeather API][metaweather].\n\nTo generate the example email:\n\n```\n$ npm install\n$ npm run build\n$ node example/weather.js\n```\n\nThe result html will be saved in the working directory. Here is what it looks\nlike:\n\n![Email preview](https://s3-eu-west-1.amazonaws.com/sentisis-images/github_public/react-emails/email-preview.png)\n\n\n### Development\n\nThis project was bootstrapped with [Create React App][react-create-app].\n See the development guide [here][react-create-app-guide].\n\n\n### Creating the email\n\nTo create the email, simply import the module and call the function with the\ndata. It returns a promise that resolves to the full HTML template as a string.\n\n```js\nconst createEmail = require('react-emails-example');\n\nconst data = { \n  name: 'Alberto',\n  title: 'Demo email',\n};\n\ncreateEmail(data)\n  .then((html) =\u003e {\n    // Send the HTML with your email service of choice\n  });\n```\n\n- - - - - - - - - -\n\n[![LangAI](https://s3-eu-west-1.amazonaws.com/langai-public/github/logo-small.png)][langai]\n\n**Built with ❤️ by Lang.ai**\n\n [article]: https://building.sentisis.com/\n [langai]: https://building.lang.ai/\n [react-create-app]: https://github.com/facebookincubator/create-react-app\n [react-create-app-guide]: https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md\n [metaweather]: https://www.metaweather.com/api/\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flang-ai%2Freact-emails","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flang-ai%2Freact-emails","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flang-ai%2Freact-emails/lists"}