/tabspace

✍️ A scratchspace for your new Tab page

Primary LanguageTypeScriptMIT LicenseMIT

Tab␣

A scratchspace for your new Tab

A beautiful new tab replacement that gives you your very own scratch space to help you stay organized and focused.

It features a prominent spatial visualization for all of your tasks that helps you prioritize what’s important, auto-saving notes, rich text formatting and natural language due dates.

demo

Features

  • Auto-saves to local storage

  • Write in Markdown syntax

  • Uses natural language to recognize and highlight due dates

  • Darkmode

Usage

To set tabspace as your new tab page, depending on your browser can either set up the project as a browser extension that replaces the new tab page or configure your new tab page URL to point to the official tabspace website: https://tabspace.jzhao.xyz/index.html

Building the browser extension locally

  1. Clone the repository

  2. Install dependencies npm i

  3. Build npm run build

  4. Load the extension in the Chrome Extensions menu

    1. Go to extensions > Enable developer mode (top right corner)

    2. Click load unpacked, select the build folder

For more information, see the official documentation.

Setting up the website as your new tab page

Based on your browser, there may be an option to set the new tab page URL directly without installing an extension.

Brave

  1. Go to brave://settings/?search=home and make sure Show Home button is enabled

  2. Set the homepage to:

    https://tabspace.jzhao.xyz/index.html

  3. Scroll down and set the New tab page shows option to Homepage

  4. (If you don’t want the home button, you can safely disable the previous option now)

For reference, see this forum answer.