Customize Chrome’s New Tab Page in 30 Seconds

Karen Ying
codeburst
Published in
4 min readOct 27, 2020

--

Read this in dark mode on blog.karenying.com.

My custom new tab page. Theme consistent with my personal site.

If you’ve seen a typical college student’s laptop, you might be familiar with Momentum. This free Chrome extension “replace[s] new tab page with a personal dashboard featuring to-do, weather, and inspiration”.

However, after five years of looking at the same couple of pictures, motivational quotes, and the cheesy “what is your main focus for today?”, I was long overdue for a change.

Momentum — no shade, just need to switch it up :)

Thankfully, we can make our own personalized override of the Chrome homepage/new tab page. It’s fast, easy, and you can customize it however you want!

Prerequisites

This tutorial assumes you have some knowledge of Javascript and HTML/CSS. All good? Great, let’s get started 👍🏼

Implementation

0. Getting Started

Much like how every npm project requires a package.json, every Chrome extension needs a manifest.json for important information. This file goes in the root directory. This is all we need initially:

--

--