tabspace icon indicating copy to clipboard operation
tabspace copied to clipboard

✍️ A scratchspace for your new Tab page

= Tab␣ :product-url: https://tabspace.jzhao.xyz/index.html

=== 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.

image::./demo.gif[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: {product-url}

=== Building the browser extension locally . Clone the repository . Install dependencies npm i . Build npm run build . Load the extension in the Chrome Extensions menu .. Go to extensions > Enable developer mode (top right corner) .. Click load unpacked, select the build folder

For more information, see the https://developer.chrome.com/docs/extensions/mv3/getstarted/[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 . Go to brave://settings/?search=home and make sure Show Home button is enabled . Set the homepage to: + [source,subs=attributes+]

{product-url}

. Scroll down and set the New tab page shows option to Homepage . (If you don't want the home button, you can safely disable the previous option now)

For reference, see https://community.brave.com/t/specifying-the-website-of-a-new-tab/195724/3[this forum answer].