https://github.com/jackyzha0/tabspace

✍️ A scratchspace for your new Tab page
https://github.com/jackyzha0/tabspace

chrome-extension new-tab productivity prosemirror

Last synced: 15 days ago
JSON representation

✍️ A scratchspace for your new Tab page

• Host: GitHub
• URL: https://github.com/jackyzha0/tabspace
• Owner: jackyzha0
• License: mit
• Created: 2022-09-23T15:59:30.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-13T18:42:04.000Z (29 days ago)
• Last Synced: 2024-10-15T07:29:10.469Z (27 days ago)
• Topics: chrome-extension, new-tab, productivity, prosemirror
• Language: TypeScript
• Homepage: https://chrome.google.com/webstore/detail/tabspace/kcinhoikngobhiikicnpahoanenlnlha
• Size: 7.1 MB
• Stars: 137
• Watchers: 3
• Forks: 9
• Open Issues: 5
• Metadata Files:
  • Readme: README.adoc
  • License: LICENSE.txt

Awesome Lists containing this project

README

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