New Tab

Replace the browser's new tab page with your own UI. Ideal for dashboards, to-do lists, or productivity tools.

Add a new tab

In Settings → Surfaces, click New Tab. ChromeShip scaffolds the page, registers the chrome_url_overrides manifest entry, and restarts the runtime.

Edit the new tab page

Open src/app/new-tab/index.html and src/app/new-tab/App.tsx. Build your replacement page with React, Tailwind, and shadcn.

export default function NewTabApp() {
  return (
    <div className="flex min-h-screen items-center justify-center">
      <div className="text-center">
        <h1 className="text-4xl font-semibold">Good morning</h1>
        <p className="mt-3 text-muted-foreground">What are you working on today?</p>
      </div>
    </div>
  );
}

Limitations

Chrome allows only one new tab override per extension. During development, ChromeShip strips the override from the dev manifest so you can test your extension without losing the default new tab. The override is restored in production builds.