New Tab

Turn every new tab into a focused product surface for dashboards, planning, search, or daily workflows.

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.

Next

Build the interface with the included shadcn components. Persist user data across new tab sessions, or add a companion surface for shorter actions.