> ## Documentation Index
> Fetch the complete documentation index at: https://docs.extensy.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# What is an Extension

> Learn what a Chrome extension is, what it can do, and how Extensy makes building one effortless.

A Chrome extension is a small software program that runs inside Google Chrome. It can modify the websites you visit, add new tools to your toolbar, run logic in the background, and communicate with external services — all using the same HTML, CSS, and JavaScript you may already know.

## What extensions can do

Extensions go far beyond what a standard webpage can accomplish because they have access to privileged Chrome APIs that normal sites cannot touch.

> **Modify web pages**
>
> Inject new elements — buttons, sidebars, badges — or strip out existing ones like ads and cookie banners.

> **Add toolbar buttons**
>
> Give users a one-click popup window for quick access to tools, dashboards, or settings.

> **Intercept network requests**
>
> Monitor, redirect, or block HTTP requests to improve security, privacy, or page performance.

> **Store user preferences**
>
> Persist data locally or sync it across devices using the `chrome.storage` API.

> **Run in the background**
>
> Track price changes, poll APIs, or fire notifications — even when you're not on a specific site.

> **Connect to external APIs**
>
> Fetch data from services like OpenAI, GitHub, or your own internal tools.

## Real-world examples

You likely already use extensions every day without thinking about it.

* **Ad blockers** — Scan the page's HTML for ad tags and remove them before you see them.
* **Password managers** — Detect login fields automatically and fill in your credentials.
* **Grammar checkers** — Analyze text you type into any website and suggest real-time corrections.
* **Tab managers** — Group and organize open windows to save memory and reduce clutter.

## How extensions differ from websites

Extensions are built with the same web technologies as regular sites, but three things set them apart:

| Difference | What it means |
| :- | :- |
| **Persistence** | Extensions install locally and can run across every site you visit. |
| **Chrome API access** | Extensions can call `chrome.tabs`, `chrome.storage`, `chrome.runtime`, and more — APIs that standard websites cannot use. |
| **Execution context** | Extensions can run code silently in the background or inject it directly into another page's DOM. |

## Anatomy of an extension

> **The popup**
>
> The small UI window that appears when you click the extension's toolbar icon. Built with plain HTML, CSS, and JavaScript.

> **Content scripts**
>
> JavaScript files that Chrome injects into the pages you visit. They can read and modify the DOM of any site your extension has permission to access.

> **The service worker**
>
> The background engine that handles browser events — tab updates, alarms, incoming messages — without any visible UI.

> **The manifest**
>
> A `manifest.json` configuration file that tells Chrome the extension's name, version, permissions, and which files to load.

> [!NOTE]
>
> You don't need to be a developer to build with Extensy. Extensy handles all of the architectural complexity described above. This page exists for anyone who wants to understand what they're actually building.

> [!TIP]
>
> Ready to go deeper? Learn about the modern extension standard in [Manifest V3](https://docs.extensy.dev/extensions-101/mv3-explained.md).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.