New Tab Preact

Replaces your new tab page with a simple Preact page.

Runs on Chrome, Edge, Firefox · Manifest V3 · Surfaces: new tab, background service worker · Styling: CSS · Level: beginner · Framework: preact

Create this project

npx extension@latest create my-newtab-preact --template newtab-preact
cd my-newtab-preact
npm install
npm run dev

What it is for

  • A new tab page rendered by Preact
  • Preact and JSX compiled with no extra config
  • Starting point for Preact extensions with a new tab

First steps

  • Run npm run dev to launch the extension
  • Open a new tab to see the Preact page this template ships
  • Edit src/newtab/NewTabApp.tsx and save to see fast refresh update it

Permissions it asks for

This template requests no permissions.

Source on GitHubDocumentation

extension.devDocumentation for extension.dev