{"id":13468377,"url":"https://github.com/soheilpro/mailwind","last_synced_at":"2025-05-14T14:07:40.780Z","repository":{"id":37381565,"uuid":"392783326","full_name":"soheilpro/mailwind","owner":"soheilpro","description":"Use Tailwind CSS to design HTML emails.","archived":false,"fork":false,"pushed_at":"2023-11-06T20:08:36.000Z","size":86,"stargazers_count":3205,"open_issues_count":4,"forks_count":74,"subscribers_count":25,"default_branch":"master","last_synced_at":"2025-04-11T06:13:57.968Z","etag":null,"topics":["css","email","html","html-email","tailwind","tailwindcss"],"latest_commit_sha":null,"homepage":"","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/soheilpro.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2021-08-04T17:58:24.000Z","updated_at":"2025-04-04T15:09:09.000Z","dependencies_parsed_at":"2024-02-03T22:45:24.966Z","dependency_job_id":null,"html_url":"https://github.com/soheilpro/mailwind","commit_stats":{"total_commits":13,"total_committers":3,"mean_commits":4.333333333333333,"dds":"0.15384615384615385","last_synced_commit":"b38394147f0f107949027d10c29e7af6f80786da"},"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soheilpro%2Fmailwind","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soheilpro%2Fmailwind/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soheilpro%2Fmailwind/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/soheilpro%2Fmailwind/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/soheilpro","download_url":"https://codeload.github.com/soheilpro/mailwind/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254159194,"owners_count":22024558,"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":["css","email","html","html-email","tailwind","tailwindcss"],"created_at":"2024-07-31T15:01:09.796Z","updated_at":"2025-05-14T14:07:40.742Z","avatar_url":"https://github.com/soheilpro.png","language":"JavaScript","readme":"# Mailwind\nUse Tailwind CSS to design HTML emails.\n\nTailwind makes it very easy to design websites, why not use it to design HTML emails? I've been using this for [volt.fm](https://volt.fm) and [pikaso.me](https://pikaso.me) and it has made my life a lot easier.\n\n## Install\n```\nnpm install -g mailwind\n```\n\n## Usage\n\nDesign your HTML email using the Tailwind utility classes like you normally would for the web.\n\nThen run the following command to generate the corresponding CSS file:\n\n```\nmailwind --input-html email.html --output-css style.css\n```\n\nOr run this command to generate an inlined HTML file:\n\n```\nmailwind --input-html email.html --output-html email-inlined.html\n```\n\n## Options\n\n`--input-css`\n\nThe path to your base CSS file. Use this if you need to write custom CSS. Defaults to [style.css](./src/style.css).\n\n`--input-html`\n\nThe path to your HTML email file.\n\n`--output-css`\n\nThe path to the CSS file that will be generated.\n\n`--output-html`\n\nThe path to the inlined HTML file that will be generated.\n\n`--tailwind-config`\n\nThe path to your custom Tailwind configuration file. Defaults to [tailwind.config.js](./src/tailwind.config.js).\n\n## Note\n\nIn the provided default config file, all the units are changed to pixel which is probably what you want for HTML emails.\n\n## Example\n\nGiven an `email.html` file with this content:\n\n```html\n\u003chtml\u003e\n  \u003cbody\u003e\n    \u003cp class=\"font-bold text-lg\"\u003eWelcome\u003c/p\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\nrunning this command:\n```\nmailwind \\\n  --input-html email.html \\\n  --output-css style.css \\\n  --output-html email-inlined.html\n```\n\nwill generate the following CSS and inlined HTML files:\n\n```css\n.text-lg {\n  font-size: 18px\n}\n\n.font-bold {\n  font-weight: 700\n}\n```\n\n```html\n\u003chtml\u003e\n  \u003cbody\u003e\n    \u003cp class=\"font-bold text-lg\" style=\"font-size: 18px; font-weight: 700;\"\u003eWelcome\u003c/p\u003e\n  \u003c/body\u003e\n\u003c/html\u003e\n```\n\n## Version History\n+ **2.2**\n\t+ Tailwind CSS is now a peer dependency so you can `npm install` newer versions if you need to (Thanks [Songkeys](https://github.com/Songkeys))\n+ **2.1**\n\t+ Colors are now generated without using CSS variables\n\t+ Upgrade to Tailwind CSS v3.2\n+ **2.0**\n\t+ New design\n\t+ Upgrade to Tailwind CSS v3\n+ **1.0**\n\t+ Initial release\n\n## Author\n**Soheil Rashidi**\n\n+ http://soheilrashidi.com\n+ http://twitter.com/soheilpro\n+ http://github.com/soheilpro\n\n## Copyright and License\nCopyright 2022 Soheil Rashidi.\n\nLicensed under the The MIT License (the \"License\");\nyou may not use this work except in compliance with the License.\nYou may obtain a copy of the License in the LICENSE file, or at:\n\nhttp://www.opensource.org/licenses/mit-license.php\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n","funding_links":[],"categories":["JavaScript","Github Repositories","📦 Legacy \u0026 Inactive Projects"],"sub_categories":["GitHub repositories related to email marketing"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoheilpro%2Fmailwind","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsoheilpro%2Fmailwind","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsoheilpro%2Fmailwind/lists"}