{"id":15029569,"url":"https://github.com/slicejack/bojler","last_synced_at":"2025-05-16T00:07:08.317Z","repository":{"id":5799413,"uuid":"53932129","full_name":"Slicejack/bojler","owner":"Slicejack","description":"Bojler is an email framework","archived":false,"fork":false,"pushed_at":"2023-12-06T14:49:22.000Z","size":1819,"stargazers_count":1039,"open_issues_count":7,"forks_count":57,"subscribers_count":23,"default_branch":"master","last_synced_at":"2025-05-16T00:07:02.853Z","etag":null,"topics":["css","css-framework","email","email-template","framework","grid","html-email","reset","templates","typography","utilities"],"latest_commit_sha":null,"homepage":"https://bojler.slicejack.com","language":"SCSS","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/Slicejack.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","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,"publiccode":null,"codemeta":null}},"created_at":"2016-03-15T09:39:10.000Z","updated_at":"2025-04-15T09:48:28.000Z","dependencies_parsed_at":"2024-05-05T03:30:30.170Z","dependency_job_id":"1205895d-8086-4386-9b0a-e20d2a6fdee1","html_url":"https://github.com/Slicejack/bojler","commit_stats":{"total_commits":282,"total_committers":10,"mean_commits":28.2,"dds":0.5035460992907801,"last_synced_commit":"55c05d8340e5ef307a82cae7507dc032c70ab3ba"},"previous_names":[],"tags_count":27,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Slicejack%2Fbojler","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Slicejack%2Fbojler/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Slicejack%2Fbojler/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Slicejack%2Fbojler/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Slicejack","download_url":"https://codeload.github.com/Slicejack/bojler/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254442854,"owners_count":22071878,"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","css-framework","email","email-template","framework","grid","html-email","reset","templates","typography","utilities"],"created_at":"2024-09-24T20:11:03.916Z","updated_at":"2025-05-16T00:07:03.302Z","avatar_url":"https://github.com/Slicejack.png","language":"SCSS","readme":"![Bojler Heading](https://bojler.slicejack.com/wp-content/uploads/2021/05/bojler-title.png \"Bojler\")\n\n[![GitHub release](https://img.shields.io/github/release/slicejack/bojler.svg)](https://github.com/Slicejack/bojler/releases)\n[![Travis](https://travis-ci.org/Slicejack/bojler.svg?branch=master)](https://travis-ci.org/Slicejack/bojler)\n[![Github All Releases](https://img.shields.io/github/downloads/slicejack/bojler/total.svg)](https://github.com/Slicejack/bojler/releases)\n![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/slicejack/bojler.svg)\n[![GitHub issues](https://img.shields.io/github/issues-raw/slicejack/bojler.svg)](https://github.com/Slicejack/bojler/issues)\n[![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/slicejack/bojler.svg)](https://github.com/Slicejack/bojler/issues)\n[![license](https://img.shields.io/github/license/slicejack/bojler.svg)](https://github.com/Slicejack/bojler/blob/master/LICENSE)\n\n## What is Bojler ?\nBojler is an email framework for developing responsive and lightweight email templates that will render correctly across each of the most popular email clients.\n\nIf you have experience with email template development, you know how painful it is to build a perfect email template that works across all email clients.\n\nTo make it easier for you to develop responsive and lightweight email templates we have created Bojler.\n\n## Project documentation 📖\nFull project documentation can be found at https://bojler.slicejack.com/.\n\n## Quick-start guide 🚀\nFull getting started guide can be found [here](https://bojler.slicejack.com/documentation/getting-started/).\n\n### 1. Download\n- [Download source files](https://github.com/Slicejack/bojler/archive/v5.0.3.zip) or\n- Clone the repo: `git clone https://github.com/Slicejack/bojler.git`\n\n### 2. Install node packages: `npm install`\nSecondly, install node packages in root of your newly downloaded folder with `npm install` command.\n\u003e [This is an example](https://asciinema.org/a/Y0F4uVLb8agcPQKUGZ1CXFDPZ) of what you should get after you run `npm install` command.\n\n### 3. Start development server: `npm start`\nLet's fire up our development server 🔥\n\nRun `npm start` in your project root folder.\n\nWhile your development server is running, every time you make and save changes they will be automatically compiled from `src/` to `dist/` folder.\n\u003e [This is an example](https://asciinema.org/a/dtwO6MMKRYvTxFIOhVllHGxEK) of what you should get after you run `npm start` command and save some changes while your development server is running.\n\n### 4. Project configuration and files editing\nYou’re ready to edit bojler configuration file in `src/sass/_settings.scss`.\n\nYou can take a deeper look at [documentation section](https://bojler.slicejack.com/documentation) where we examine variables and maps more carefully.\n\nNow, you can start adding HTML templates to `src/templates` folder.\n\nIn `/templates` folder you can find `boilerplate.html` and `boilerplate-with-hero.html` which you can use as starting point for new templates.\n\n## Available NPM commands\n\u003ctable\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth width=\"170\"\u003eCommand\u003c/th\u003e\n\t\t\t\u003cth\u003eDescription\u003c/th\u003e\n\t\t\u003c/tr\u003e\n\t\u003c/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003e\u003ccode\u003enpm start\u003c/code\u003e\u003c/td\u003e\n\t\t\t\u003ctd\u003eThis command starts live development server and watch task. While your development server is running, every time you make and save changes they will be automatically compiled from \u003ccode\u003esrc/\u003c/code\u003e to \u003ccode\u003edist/\u003c/code\u003e folder. Take a look at example \u003ca href=\"https://asciinema.org/a/dtwO6MMKRYvTxFIOhVllHGxEK\" rel=\"noopener\" target=\"_blank\"\u003ehere\u003c/a\u003e.\u003c/td\u003e\n\t\t\u003c/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003e\u003ccode\u003enpm run build\u003c/code\u003e\u003c/td\u003e\n\t\t\t\u003ctd\u003eThis command builds everything from \u003ccode\u003esrc/\u003c/code\u003e to \u003ccode\u003edist/\u003c/code\u003e folder. Take a look at example \u003ca href=\"https://asciinema.org/a/ueyKU3Q2Z1UNqFDNiqLqFNSXn\" rel=\"noopener\" target=\"_blank\"\u003ehere\u003c/a\u003e.\u003c/td\u003e\n\t\t\u003c/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003e\u003ccode\u003enpm run assets\u003c/code\u003e\u003c/td\u003e\n\t\t\t\u003ctd\u003eThis command copies all the assets from \u003ccode\u003esrc/assets/\u003c/code\u003e to \u003ccode\u003edist/assets/\u003c/code\u003e folder. You have to run this command every time you add a new asset in order to see changes. Take a look at example \u003ca href=\"https://asciinema.org/a/k0aS881EUNes4GaBhGeVMjuYE\" rel=\"noopener\" target=\"_blank\"\u003ehere\u003c/a\u003e.\u003c/td\u003e\n\t\t\u003c/tr\u003e\n\t\u003c/tbody\u003e\n\u003c/table\u003e\n\n## Features\nQuick features overview:\n- It’s responsive 🖥️ 💻 📱\n- Built with SASS 🎉\n- Automated SASS to CSS transpiler 🔢 🔀 🔠\n- Automated SASS linter (With email development rules) 🖌️\n- Automated CSS inlining 🔢 🔀 📦\n- Webserver with live reload 🔃\n- Default boilerplate template included\n- Reset styles\n- Typography ✍️\n- Grid system\n- Utility classes 🛠️\n- Components\n\n## Bugs and feature requests 🕷️\nIf you find a bug or need new feature please open a [new issue](https://github.com/Slicejack/bojler/issues) and we will discuss about it.\n\n## How to contribute ? 🛠️\nYou can review the [guidelines for contributing](https://github.com/Slicejack/bojler/blob/master/CONTRIBUTING.md) to this repository [here](https://github.com/Slicejack/bojler/blob/master/CONTRIBUTING.md).\n\n## Change Log\nAll notable changes to this project will be documented in [CHANGELOG file](https://github.com/Slicejack/bojler/blob/master/CHANGELOG.md).\n\n## Credits\nSpecial thanks to:\n- Ian Hoar\n- [Sean Powell](https://github.com/seanpowell/Email-Boilerplate)\n- [James White](https://blog.jmwhite.co.uk)\n- [Campaign Monitor](https://www.campaignmonitor.com/)\n- [MailChimp](http://www.mailchimp.com/)\n- [Email on Acid](https://www.emailonacid.com)\n- [Litmus](http://litmus.com)\n- [Bringinteraktiv](http://removebluelinks.com)\n- [Zurb Foundation](http://foundation.zurb.com/emails.html)\n\n## License\nAll contents of this boilerplate are licensed under the [MIT license](https://github.com/Slicejack/bojler/blob/master/LICENSE.md).\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fslicejack%2Fbojler","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fslicejack%2Fbojler","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fslicejack%2Fbojler/lists"}