fieldse / custom-chrome-new-tab-page

A browser extension for Chrome that allows opening a custom HTML file as your new tab / startup page

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Chrome Local HTML file Homepage

A browser extension for Chrome that allows opening a custom HTML file as your new tab / startup page.

Contents

Purpose

I like to open a custom locally stored homepage when opening new browser tabs, instead of hitting a server every time,

Even with caching, this should be snappier than loading a remote page as your New Tab, and is more customizeable than the default Chrome/Brave browser New Tab page.

Browser compatibility

Should work on recent versions of Chrome & Brave Browsers.

Installation

  1. Open chrome://extensions in your browser, and click the Developer mode checkbox on the top right.
  2. Click the "Load unpacked extension" button
  3. Navigate to your folder and click select

Technical details

Uses:

  • Node 16
  • TailwindCSS

Customization

Build your own! You can customize the new new tab page or build your own from scratch.

Requirements:

  • Node 16+

Steps:

  1. Install: npm install
  2. Start the styles builder: npm run build:watch
  3. Modify the page: edit the contents of /src/index.html to your liking.

Styles are built to /src/css/style.css

Maintainer

👋🏻 Matt Fields - hello@mattfields.dev

🚀 Hire me! I'm available for work.

Project

Credits

  • Credit for inspiration for this project to this answer at Stack Exchange

About

A browser extension for Chrome that allows opening a custom HTML file as your new tab / startup page

License:MIT License


Languages

Language:HTML 42.5%Language:JavaScript 35.2%Language:Shell 19.1%Language:CSS 3.2%