new-tab - GitLite

KO | EN

gitlite — search

#typescript #golang #rust #linux #java #windows #kubernetes #vue #awesome-list #pytorch #security #ios #openai #open-source

new-tab

(★ 106)

⚡ A high-performance browser new tab page that gets you where you need to go faster.

File Explorer

Download Latest Version (.zip)

- - audit.yml
  - ci.yml
  - codeql.yml
  - publish.yml
  - semgrep-pro.yml
  - semgrep.yml
  - typos.yml
- renovate.json
- extensions.json
- launch.json
- mcp.json
- settings.json
- - BookmarkBar.ts
  - BookmarkNode.ts
  - Link.ts
  - Menu.ts
  - Search.ts
  - SearchResult.ts
- - auto.css
  - black.css
  - catppuccin-frappe.css
  - catppuccin-latte.css
  - catppuccin-macchiato.css
  - catppuccin-mocha.css
  - dark.css
  - hacker-blue.css
  - hacker-pink.css
  - hacker-terminal.css
  - light.css
  - neon-dreams.css
  - tilde-club.css
- newtab.css
- newtab.ts
- settings.css
- settings.ts
- sw.ts
- theme.ts
- types.ts
- utils.ts
- icon128.png
- icon16.png
- icon48.png
- newtab.html
- settings.html
- - fixtures.ts
  - newtab.spec.ts
  - screenshot.css
  - settings.spec.ts
  - sw.spec.ts
- - BookmarkBar.test.ts
  - BookmarkNode.test.ts
  - index.test.ts
  - Link.test.ts
  - manifest.test.ts
  - Menu.test.ts
  - newtab.test.ts
  - Search.test.ts
  - SearchResult.test.ts
  - settings.test.ts
  - sw.test.ts
  - theme.test.ts
  - utils.test.ts
- setup.ts
.gitignore
.oxlintrc.json
biome.jsonc
build.ts
bun.lock
bunfig.toml
CLAUDE.md
eslint.config.js
globals.d.ts
LICENSE
manifest.config.ts
modules.d.ts
package.json
playwright.config.js
README.md
SPEC.md
stylelint.config.js
tsconfig.json

# Installation Guide

1. Get the code

git clone https://github.com/maxmilton/new-tab

Downloads the entire project code from GitHub to your computer.

cd new-tab

Moves into the project folder you just downloaded.

2. Node.js

Easy Recommended

Prerequisites

Git Needed to download the project code from GitHub.
Node.js Node.js must be installed to use npm. The LTS version is recommended.

npm install

Downloads and installs the libraries listed in package.json.

npm start

Starts the development/run server.

✅ After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

[![CI status](https://badgen.net/github/checks/maxmilton/new-tab?label=ci)](https://github.com/maxmilton/new-tab/actions)
[![Coverage %](https://qlty.sh/badges/bfb90576-1d44-4606-9ba0-95b4e7077333/test_coverage.svg)](https://qlty.sh/gh/maxmilton/projects/new-tab)
[![Licence](https://badgen.net/github/license/maxmilton/new-tab)](https://raw.githubusercontent.com/maxmilton/new-tab/next/LICENSE)

[
![Version](https://badgen.net/chrome-web-store/v/cpcibnbdmpmcmnkhoiilpnlaepkepknb)
![Users](https://badgen.net/chrome-web-store/users/cpcibnbdmpmcmnkhoiilpnlaepkepknb)
![Rating](https://badgen.net/chrome-web-store/rating/cpcibnbdmpmcmnkhoiilpnlaepkepknb)
](https://chrome.google.com/webstore/detail/new-tab/cpcibnbdmpmcmnkhoiilpnlaepkepknb)

# New Tab ![](https://raw.githubusercontent.com/maxmilton/new-tab/next/static/icon48.png)

A high-performance browser new tab page that gets you where you need to go faster. Utilises the latest tools and tech, packaged into an easy to use Chrome browser extension.

[![Add to Chrome](https://developer.chrome.com/static/docs/webstore/branding/image/UV4C4ybeBTsZt43U4xis.png)](https://chrome.google.com/webstore/detail/new-tab/cpcibnbdmpmcmnkhoiilpnlaepkepknb)

## Overview

I was frustrated with the default Google Chrome new tab page experience. The "top sites" feature quickly outgrew its usefulness and I found myself using bookmarks instead every time. I never used the Google web search input either, as the search bar is all I need. I wondered, "If I could design my own new tab, what would it look like?"... enter the `New Tab` extension.

What started as an experiment to play with the Chrome browser APIs and explore web performance optimisations, `New Tab` has grown into something that genuinely improves my productivity. Maybe it can help you too!

### Features

- Fastest loading of any new tab page with all the features you expect.
- Distraction-free, minimal design aesthetic with multiple themes.
- A list of your open tabs, recently closed tabs, and top sites.
- Search tabs, bookmarks, history, and top sites in one place.
- Links to frequently used destinations in your browser.
- Simple bookmarks bar.
- Customisable UI.
- Optional automatic or manual settings sync between browsers.

### Design goals

| Issue | Why / How |
| --- | --- |
| Access | Still have access to common things like the bookmarks bar etc. |
| Speed | Near-instant access to functionality. Page load performance, runtime performance, and file size should all be scrupulously optimised. |
| Privacy & Security | Zero user tracking (unlike most other extensions!). Very restrictive [Content Security Policy](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP). Local data only; no remote data fetching. |
| Unobtrusive | No annoying things like distracting colours, illegible text, or entries in your right-click menu. |

### Technology

- [Chrome browser APIs](https://developer.chrome.com/docs/extensions/reference/)
- [stage1](https://github.com/maxmilton/stage1) JS micro framework
- [bun](https://github.com/oven-sh/bun) JS runtime and bundler

## Browser support

Recent versions of Google Chrome and other Chromium-based browsers (e.g., Brave, Edge).

## Bugs

Report any bugs you encounter on the [GitHub issue tracker](https://github.com/maxmilton/new-tab/issues).

### Known issues

1. The extension's bookmarks bar functionality is limited. Browsers don't allow extensions to control the native bookmarks bar visibility, so the extension recreates a simple version. The goal is _high-performance_ and fast access rather than emulating the native bookmarks bar. Use the bookmark manager for access to all features.
1. The page needs to be reloaded after adding, editing, or removing bookmarks. The changes are not live because bookmarks don't change so often.

## Changelog

See [releases on GitHub](https://github.com/maxmilton/new-tab/releases).

## License

MIT license. See [LICENSE](./LICENSE).

The [lightning bolt icon](https://github.com/twitter/twemoji/blob/master/assets/svg/26a1.svg) is from [twitter/twemoji](https://github.com/twitter/twemoji) which is licensed CC-BY 4.0.

---

© [Max Milton](https://maxmilton.com)