Jump-start your Chrome extension projects with a variety of battle-tested starter templates and grow your audience with proven tips and actionable advice.
Additional content is added regularly.
Starter project files and manifest built out with basic HTML, CSS, and JS. Starter types include content scripts, browser actions, new tab overrides, browser storage, and more.
Starter project files and manifest built out with React. Also includes scripts for a local dev environment and to automatically build / ZIP your extension for easy publishing to the web store.
Source code of three fully functional and feature complete Chrome extensions, including extensions currently live in the web store with thousands of active users.
Explains how to use the kit and the example extensions, a guide on prepping your extension for production and publishing to the web store, and tips and tricks on growing your extension.
No config, no setup, no hassle.
All contents of the kit are organized by type and each extension includes a README explaining how to use it and extend it. The included Ebook also has a section explaining more in-depth.
All starter templates are unopinionated, meaning they are setup so that you can quickly grab one and start developing without needing to remove a bunch of unnecessary boilerplate first.
All example extensions are fully functional and feature complete so you can easily see how things are done or get inspiration on how to tackle something in your own extension.
In addition to instructions on how to use the kit, the ebook includes guides on how to prepare your extension for publishing, how to publish it to the store, and tips on growing your audience.
None! You can get value out of this get whether you're a total beginner making their first extension or a seasoned pro who wants to save time. It is recommended however that you have at least a bit of knowledge around HTML, CSS, and JS.
All starter templates in this kit are functioning Chrome extensions by themselves and have some degree of placeholder content out of the box. The base files, config, and extension manifests are setup such that you can just grab a starter and start building right away. No config, no setup, no hassle.
For example, if you selected a new tab override starter template and loaded it up, you'd see the following default placeholder page out of the box when opening a new tab in Chrome:
For the above extension example, the starter files would look like:
The ebook has the following chapters:
2. Choosing a Starter Template
3. Example Extensions
4. Getting Production Ready
5. Publishing Your Extension
6. Gaining Traction
7. Understanding Extension Stats
Absolutely. You can use the kit for all your extension projects and as much as you want, both personal and commercial. The only limitation is you cannot resell the kit itself or use the contents to sell a similar kit.
The 6 basic starter templates are: content scripts starter, browser action starter (full page), browser action starter (popup), browser action starter (popup and full page), new tab override starter, and Chrome API starter (Chrome sync storage).
The 8 React starter templates are: browser action starter (popup and full page), browser action starter (popup), TypeScript browser action starter (popup), browser action starter (full page), new tab override starter, data fetching starter, Chrome storage starter (Chrome API), and a fully loaded React starter (React, React Router, and Tailwind CSS).
All React starters also come with scripts to spin up development environments as well as scripts to build and package your extension for publish.
The example extensions included in the kit are: Welcome – New Tab Page (new tab override with background image and time shown), Password Generator (popup to easily generate passwords based on settings), and Day Counter (keep track of life events easily; over 4,000 active users currently).
Within 14 days, if you aren't satisfied with the kit, reach out to Ryan[at]ChromeExtensionKit.com and you'll get a full refund. No questions asked.
Hey! I'm Ryan Fitzgerald and I'm a full-stack developer based out of Toronto, Canada.
I have been building, publishing, and growing a variety of Chrome Extensions both professionally and for personal projects for over 5 years.