Summarizer

Get a short summary of every webpage.

Simple Theme

Open extension API reference

Chrome Built-in AI Demo

Try the built-in AI preview in Chrome.

Custom Cursor Extension

Adds a custom cursor on developer.chrome.com.

Multiple side panels

This recipe shows how to use sidePanel.getOptions() to retrieve the current side panel and switch between side panels.

Global side panel

Shows how to display the same side panel on every site using the Side Panel API.

Google Gemini Demo

Try the Gemini Models.

Dictionary side panel

Provides definitions in the side panel.

Privacy API sample

Uses the chrome.privacy.services property to get and set privacy settings.

Hello World

Basic Hello World Extension

WebGPU Extension

Generate a red triangle with WebGPU in an extension service worker.

User Scripts API Demo

Uses the chrome.userScripts API to inject JavaScript into web pages.

Keep Awake

Override system power-saving settings.

Native Messaging Example

Send a message to a native application.

Reading List API Demo

Uses the chrome.readingList API to display, update and remove reading list entries.

Service worker with push notification

Geolocation - popup

Shows how to get geolocation access within a popup.

Notifications API sample

Demonstrates the creation of, and interaction with, each of the notification template types.

Devtools - Chrome Query

Uses the devtools API to add a sidebar that displays the jQuery data associated with the selected DOM element.

Typed URL History

Uses the chrome.history API to display in a popup the user's most visited pages.

il8n API Example

Demonstrates the chrome.i18n API by localizing text in the extension popup.

Chromium Milestones

Shows the Chromium release milestone a given code review was merged into.

Stylizr

Demonstrates how to use the chrome.storage API.

Test Screenshot Extension

Uses the chrome.tabs API to take a screenshot of the active tab.

Bookmark Viewer

Uses the chrome.bookmarks API to search through, add, and delete bookmarks from the user's bookmark tree.

Optional Permissions New Tab

Demonstrates optional permissions in extensions

Quick API Reference

Quick API can speed up the building of Chrome extensions.

No Cookies

Uses the chrome.declarativeNetRequest API to remove the "Cookie" header from requests.

Tab Inspector

Demonstrates the chrome.tabs API and the chrome.windows API by providing a user interface to manage tabs and windows.

Keyboard Pin

Uses the chrome.tabs API to toggle the pinned state of the current tab.

BrowsingData API: Basics

Uses the chrome.browsingData API to clear the user's history without requiring the user to visit the history page.

CO2 meter extension

Demonstrates using WebHID to connect to a CO2 meter.

My Bookmarks

A browser action with a popup dump of all bookmarks, including search, add, edit and delete.

chrome.commands

Uses the chrome.commands API by creating a new keyboard macro for switching tabs in the browser window.

Font Settings API Sample

Demonstrates the chrome.fontSettings API by allowing users to modify the size of fonts on webpages.

History Override

Demonstrates how to override the default history page.

Sandboxed Frame Sample

Demonstrates creation of a tab with a sandboxed iframe to which the main page passes a counter variable.

topSites API sample

Uses the chrome.topSites API to suggest which sites a user should visit.

Catifier

Replace every image by a cat's image in a website you visit

Omnibox Simple Example

Demonstrates the "omnibox" manifest key and most members of the omnibox API.

Action API Demo

Uses the Action API to change the badge text, icon, hover text, or popup page.

Tab Capture Example

Demonstrates how to use the chrome.tabCapture API.

Hello Extensions

Base Level Extension

Web Accessible Resources Demo

Uses the web_accessible_resources key in the manifest.json file to control access to assets within an extension.

Sandboxed Content Sample

Demonstrates creating a tab for a sandboxed iframe. The sandbox calls eval() to write HTML to its own document.

Oliver Focus Mode

Example extension from DevTools Tips video.

Cookie Clearer

Uses the chrome.cookies API by letting a user delete their cookies via a popup.

Tab Capture - Recorder

Records the current tab in an offscreen document.

Google Analytics Demo

How to use Google Analytics 4 in your extension.

Print Extension

Demonstrates all four methods of the chrome.printing namespace.

no-cookies Rule Manager

Demonstrates the chrome.declarativeNetRequest API by providing a UI to manipulate declarativeNetRequest rules dynamically.

Merge Windows

Uses the chrome.windows and chrome.tabs APIs to manage tabs across different windows.

File Handling Demo

Shows how to use the file_handlers manifest key with the web platform's Launch Handler API.

Idle - Simple Example

Demonstrates the Idle API

webRequest.onAuthRequired Demo

Demonstrates the webRequest.onAuthRequired listener to detect an authentication request and log the user into the designated site.

WASM Load Example - Helloworld (no-modules)

Shows how to use WebAssembly (WASM) in Manifest V3.

Favicon API in a popup

Demonstrates the favicon manifest permission by displaying the favicon of a url in the extension popup.

Geolocation - offscreen

Shows how to get geolocation access within a service worker.

Advanced Font Settings

Demonstrates the chrome.fontSettings API by allowing users to modify the style of displayed fonts on web pages.

Alarms API Demo

Uses the chrome.alarms API to allow the user to set alarms using an extension page.

Debugger Extension

Uses the chrome.debugger API to capture network events on web pages.

Content settings

Uses chrome.contentSettings to display the settings of a given page in the extension's popup.

Open side panel

Shows how to call sidePanel.open() to open a global side panel.

Top Sites

Uses the chrome.topSites API to get the user's most visited sites.

Blank new tab page

Uses the "chrome_url_overrides" manifest key by replacing the user's default new tab page with a new html file.

Context Menus Sample

Uses the chrome.contextMenus API to customize the context menu.

Devtools - inspectedWindow API sample

Uses devtools.inspectedWindow to collect and use data on the resouces used in a web page.

Omnibox - New Tab Search

Demonstrates the "omnibox" manifest key and API by creating a keyword that opens a browser search in a new tab.

Favicon API in content scripts

Demonstrates fetching the favicon from www.google.com and inserting it at the top left of every page.

Tab Manager for Chrome Dev Docs

URL Redirect

Uses the chrome.declarativeNetRequest API to redirect requests.

Tabs zoom API Demo

Uses the tabs.zoom API to manipulate the zoom level of the current tab.

Getting Started Example

Build an Extension!

Global Google Search

Uses the context menu to search a different country's Google

WASM Load Example - Helloworld

Shows how to use WebAssembly (WASM) as a module in Manifest V3.

WebSocket Demo

How to use WebSockets in your Chrome Extension.

Drink Water Event Popup

Demonstrates usage and features of the event page by reminding user to drink water

Site-specific side panel

Shows how to display the side panel only on google.com using the Side Panel API.

Offscreen API - DOM Parsing

Shows how to use DOMParser in an extension service worker using the offscreen document.

MV3 Migration - content script example

Broken Background Color

Fix an Extension!

webNavigation API Sample

Uses the webNavigation API to send notifications.

Geolocation - content script

Shows how to get geolocation access within a content script.

Scripting API Demo

Uses the chrome.scripting API to inject JavaScript into web pages.

Offscreen API - Clipboard

Shows how to write a string to the system clipboard using the offscreen document.

URL Blocker

Uses the chrome.declarativeNetRequest API to block requests.

Page Redder

Turns the page red when you click the icon

Focus Mode

Enable focus mode on Chrome's official Extensions and Chrome Web Store documentation.

Reading time

Add the reading time to Chrome Extension documentation articles