Building Modern Cross Browser Web Extensions: Project Setup (Part 2)

Building the core functionality of our extension using the messaging system we built in the previous post, as well as exploring storage and permissions in web extensions.

Working with background scripts, using sensitive browser APIs and understanding the communication process between content scripts and background scripts.

In the previous post, we installed WXT, TailwindCSS and Shadcn and explored the project structure. In this post, we will explore how to work with content scripts and build isolated UIs for our extension as well as discuss some issues with UI and how to resolve them. We will build a Command Palette for quick browser actions, such as creating new...

If you are already familiar with web extensions and want to jump directly to the implementation, you can skip this post and go to the next one Introduction Extensions have become an integral part of modern browsers. While web development has evolved vastly over the last few years, development of extensions has mostly remained the same. This...