Browser extension templates

Create a project from any template

npx extension@latest create my-new-react --template new-react
cd my-new-react
npm install
npm run dev

All 52 templates

• Action (Popup) Adds a toolbar popup to the browser with a simple page.
• Action Locales Adds a toolbar popup whose text follows your browser's language.
• ChatGPT AI Sidebar Adds a sidebar panel where you can chat with ChatGPT about the page you are viewing.
• Claude AI Sidebar Adds a sidebar panel where you can chat with Claude about the page you are viewing.
• Gemini AI Sidebar Adds a sidebar panel where you can chat with Gemini about the page you are viewing.
• Perplexity AI Sidebar Adds a sidebar panel where you can chat with Perplexity about the page you are viewing.
• Content scripts Injects a small badge into every web page you visit.
• Content CSS Modules Injects a small styled badge into every web page you visit.
• Content Custom Font Injects a badge rendered in a custom font into every web page you visit.
• Content Env Injects a small panel showing the extension's environment values into every web page you visit.
• Content Less Injects a small styled badge into every web page you visit.
• Content Less Modules Injects a small styled badge into every web page you visit.
• Main-world Content Script Injects a small UI into every web page from both the extension and the page's own JavaScript world.
• Content Multi One Entry Injects four small elements into every web page you visit.
• Multi-entry Content Scripts Injects four small elements into every web page you visit.
• Content Preact Shows a small overlay UI on every web page you visit.
• Content React Shows a small overlay UI on every web page you visit.
• Content Sass Injects a small styled badge into every web page you visit.
• Content Sass Modules Injects a small styled badge into every web page you visit.
• Content Svelte Shows a small overlay UI on every web page you visit.
• Content TypeScript Shows a small overlay UI on every web page you visit.
• Content Vue Shows a small overlay UI on every web page you visit.
• Initial A minimal extension that loads in your browser, ready to build on.
• JavaScript Adds a sidebar panel to the browser with a simple page.
• New Tab Replaces your new tab page with a simple page you can customize.
• Newtab Browser Flags Replaces your new tab page with a launcher that opens the extension's sidebar panel.
• Newtab Config ESLint Replaces your new tab page with a simple page.
• Newtab Config Prettier Replaces your new tab page with a simple page.
• Newtab Config Stylelint Replaces your new tab page with a simple page.
• Newtab Crypto Replaces your new tab page with a page that hashes any text you type using SHA-256.
• Environment Variables Replaces your new tab page with a page showing the extension's environment values.
• Newtab Less Replaces your new tab page with a simple styled page.
• Newtab Preact Replaces your new tab page with a simple Preact page.
• Newtab React Replaces your new tab page with a simple React page.
• Newtab React Router Replaces your new tab page with a small React app you can navigate across routes.
• Newtab Sass Replaces your new tab page with a simple styled page.
• Newtab Svelte Replaces your new tab page with a simple Svelte page.
• Newtab TypeScript Replaces your new tab page with a simple page.
• Newtab Vue Replaces your new tab page with a simple Vue page.
• Playwright E2E Sidebar Adds a sidebar panel to the browser, covered end to end by Playwright tests.
• Preact Adds a sidebar panel to the browser with a simple Preact page.
• React Adds a sidebar panel to the browser with a simple React page.
• Sidebar page Adds a sidebar panel to the browser with a simple page.
• Sidebar Ant Design Adds a sidebar panel to the browser showing Ant Design components.
• Sidebar Turborepo Adds a sidebar panel and shows a small overlay UI on every web page you visit.
• Sidebar shadcn Adds a sidebar panel to the browser built with shadcn/ui components.
• Special Folders: pages/ Opens a welcome page in a new tab when the extension loads.
• Special Folders Scripts Shows a small overlay on web pages and a toolbar popup that runs the extension's bundled scripts.
• Svelte Adds a sidebar panel to the browser with a simple Svelte page.
• Transformers.js Adds a sidebar panel that classifies the active page or your selected text with on-device AI models.
• TypeScript Adds a sidebar panel to the browser with a simple page.
• Vue Adds a sidebar panel to the browser with a simple Vue page.