For a limited time, get the kit for over 60% OFF!

Chrome Extension Development, Simplified.

Jump-start your Chrome extension projects with a variety of battle-tested starter templates and grow your audience with proven tips and actionable advice.

$60$22
Buy once, get updates free, forever.
Logo Cloud
Artboard

The Kit

What's included?

Everything you need to make extension development a breeze.

6 Basic (HTML/CSS/JS) Starter Templates

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.

8 React Starter Templates With Utility Scripts

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.

3 Fully Functional Example Extensions

Source code of three fully functional and feature complete Chrome extensions, including extensions currently live in the web store with thousands of active users.

Ebook with Publishing and Growth Tips

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.

Features

Why is it useful?

No config, no setup, no hassle.

Easy to use and navigate

Easy to Use and Navigate

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.

Time-Saving Utility Scripts

Time-Saving Utility Scripts

Includes scripts that spin up React development environments with auto-refresh, scripts that auto-bundle required extension files for publishing, scripts to lint and prettify your code, and more.

Unopinionated Starter Templates

Unopinionated Starter Templates

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.

Fully Functional Example Extensions

Fully Functional Example Extensions

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.

Growth Tips & Tricks Ebook

Growth Tips & Tricks Ebook

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.

FAQ

Frequently Asked Questions

What level of experience is needed for this kit?

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.

What exactly is a "starter template" in this kit?

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:

Starter example

For the above extension example, the starter files would look like:Starter files

What chapters are included in the ebook?

The ebook has the following chapters:

1. Introduction
2. Choosing a Starter Template
3. Example Extensions
4. Getting Production Ready
5. Publishing Your Extension
6. Gaining Traction
7. Understanding Extension Stats

Can I use the kit for any project?

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.

What are the basic starter templates in the 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).

What are the React starter templates in the kit?

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.

What are the example extensions in the kit?

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).

What is the refund policy?

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.

Buy the kit once, get updates free forever.

$60$22
Ryan Fitzgerald

About The Author

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.