New Tab React

Replaces your new tab page with a simple React page.

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

Create this project

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

What it is for

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

First steps

Run npm run dev to launch the extension
Open a new tab to see the React 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 GitHub Documentation

extension.dev Documentation for extension.dev