Notion Mate
Notion Mate

Notion Mate


notion image
Chrome and Edge browser extensions make your Notion more efficient and enhance your experience.
Notion Mate productivity with 30+ customizations like outline (TOC), small text, full width, image viewer, scroll to top themes etc.
  • One-time purchase
  • Permanent updates
  • Rich theme style
  • Better image viewer
ย 

With Notion Mateยฉ๏ธ, you can enjoy unlimited zoom, pan, and rotation in the image viewer, allowing you to get a closer look at your images. The extension also provides an ๐Ÿ“œ icon history feature, which allows you to easily access previously used icons in your Notion notes ๐Ÿ—’๏ธ.
notion image
โš’๏ธIn addition, Notion Mate offers various other useful features such as a side outline, full-width , beautify scrollbar, theme and the ability to hide notifications and the comment section. You can also enable small text, code line numbers๐Ÿง‘โ€๐Ÿ’ป, indentation lines, and prevent table overflow for a more organized and streamlined note-taking experience โคด๏ธ.
notion image
Overall, Notion Mate is a valuable extension for Notion users who want to enhance their productivity๐Ÿ“ˆ and customize their note-taking environment. Give it a try and take your Notion experience to the next level ๐ŸŽš๏ธ.

notion image
If you like this product, click UPVOTED to support it. UPVOTED

๐Ÿ“ฝ๏ธ Demo

Video preview

โฌ‡ Installation

๐Ÿ”ปChrome store Notion-Mate
๐Ÿ”ปEdge store Notion-Mate

๐Ÿ’ด Purchase

First Purchase
Go to the notion page in your browser, click the "Notion Mate" extension, and click the PRO๐Ÿ”’ button.
notion image
If you are not logged in, you will be automatically redirected to the login page, and then click the PRO๐Ÿ”’ button again.
You can choose to pay in US dollars or Chinese yuan.
notion image
โ€ผ๏ธYou will need to refresh the notion page once the payment is successful.
Already Purchased
Just click the login button, enter the email you entered when purchasing, wait for the verification code, and then you can use the PRO feature.
notion image
โ€ผ๏ธYou need to refresh the notion page after you log in.
Free trial for 3 days ๐ŸŽ‰
Get a 3-day free trial when you sign in for the first time.
notion image

๐Ÿ› ๏ธ How it works

  1. Visit any notion page.
  1. Click on the extension icon (clickable only when you are on a notion page).
  1. A popup menu will appear, you can toggle features from there.
  1. Some features support the configuration of custom options.
notion image
ย 
notion image
ย 

โœ… Features

If the feature does not work, reload the page.
Outline โค๏ธ
Creating clear document outlines with headers and subheaders can be quite helpful for site navigation, especially on pages with a lot of content. These outlines usually appear on the right side of the page.
notion image
  • Support publish web pages and share pages are .
  • Support outline following content.
  • Support setting Auto or Always Close outline mode
  • Support setting Width
  • Support setting Layout , Embed or Sticky .
  • Support setting Sticky Click Outside Close for sticky layout.
  • Support setting Right Slide Trigger
  • Support setting Truncate Long Title
  • Support setting Highlight Mode Bold Font or Background
  • Support setting Fold mode
notion image
โ€ผ๏ธ New outline button icon, It looks like it's native.

notion image
๐Ÿ“ข Support fold headers.
notion image

๐Ÿ“Œ Sticky layout support
notion image
Click outside Auto close
notion image
Mouse right slide automatically triggers and closes
notion image
๐Ÿ“ข Support titles with emojis.
notion image
ย 
ย 
Image Viewer โค๏ธ
๐Ÿ“ŒNotion's built-in image viewer is hard to use, turn on the new image viewer feature and you'll get unlimited zoom, pan, rotate and more, it works great.
notion image
  • โœ… Support image rotation
  • โœ… Support image download
  • โœ… Support image pan
  • โœ… Support image zoom
  • โœ… Supports full-screen viewing

โ€ผ๏ธ Supports custom configuration.
notion image
  1. The Background mode supports Blur and Grade modes
    1. Grade: Generates a complementary gradient from the first 2 main colors in the provided image.
      Blur mode
      notion image
      Grade mode
      notion image
      Grade mode
      notion image
Icon History โค๏ธ
Support up to 3000s icon upload history, it cached in the browser, this is a great feature!
notion image

notion image
  • Export - You can export icons to json files.
  • Import - You can import icons from json files.
  • Clear - You can clear icon history.
Mark Manager โค๏ธ
Notion's colored text and comment are multifunctional tools, capable of highlighting texts, taking notes, leaving a message, etc. However, these marks are difficult to organize and file.
ย 
Using the Mark Manager will help you see the color text and comments better.
notion image
The Notion of "colored text" and "comment" can be used for a variety of purposes, highlighting, taking notes, leaving comments... However, these marks are difficult to find later, and only become embellishments on the drawing surface.
Mark Manager feature can be used to extract the color text and comments in the page with one click, click it can directly jump to the corresponding position, convenient and quick to view the content you care about.
ย 
โ€ผ๏ธIt is important to note that the page needs to set the comments to a minimal, otherwise the comments will not be extracted.
notion image
ย 
Demo
notion image
ย 
Video preview
Change Custom Font โค๏ธ
Support custom font Settings, respectively, the main font and code font.
notion image
You can set multiple fonts for main and code to match different languages, for example:
  • Main Font: CaskaydiaCove NF,Microsoft YaHei
  • Code Font: CaskaydiaCove NF,Microsoft YaHei
  • Header Font: CaskaydiaCove NF,Microsoft YaHei
notion image
It's the same as font-family.
ย 
Theme
  1. Light Github
    1. notion image
  1. Light Orange
    1. notion image
  1. Light Pink
    1. notion image
  1. Light Purple
    1. notion image
  1. Dark Material
    1. notion image
  1. Dark Gray
    1. notion image
  1. Dark Github
    1. notion image
  1. Dark Dracula
    1. notion image
ย 
Count Words
Supports Chinese, English and picture quantity statistics.
notion image
ย 
The latest version no longer distinguishes languages, currently supports English, Chinese, Japanese, Korean and other statistics, it shows the total word count.
ย 
Generate Header Number
You can add a new header and generate a new header number. The number rule is x.x.x
โ€ผ๏ธ It takes effect only when the cursor is in the page content.
notion image
ย 
Prevent Table Overflow
Prevents table scroll bars from overflowing.
notion image
ย 
Code Line Numbers
Add a line number to the code block.
notion image
ย 
Hide Notification
Hide the red notification icon when the sidebar is closed, hide the notification number from the tag title, and the update notification image will also be hidden.
Hide Help Button
Hide the help button in the bottom right corner, it's really useless, at least I rarely use it.
Empty Trash
Empty all pages in the trash.
notion image
ย 
Growth Height
Reduce the top padding and automatically hide the cover when there is one.
notion image
Border Image
Add a border for all images, you can customize the width of the border.
notion image
Narrow Row Spacing
Fit more content on the screen by reducing the space between items in the list, i.e. bullets, check boxes, toggle lists, etc.
notion image
Auto Set Default Font
The font is automatically set when the page is opened.
notion image
ย 
Hide Hover Page Preview
This feature hides the preview window that appears when the mouse hovers over the page link.
notion image
ย 
Medium Width
Notion's page width is too narrow, full width is too wide, and maybe a medium width is more appropriate.
โ€ผ๏ธ If you turn on full-width, this feature won't work!

ย 
Before feature
notion image
After turning on the feature
notion image
ย 
ย 
Full Width
โ†”๏ธThe full width of all pages is set by default. This will adjust the width locally without clicking on the concept page to switch.
Beautify Scrollbar
Make the scroll bar look better.
notion image
Different scroll bar sizes can be selected
notion image
ย 
Scroll To Top
Add a button to scroll to the top in the lower right corner.
notion image
ย 
Hide Comment Section
Comments are not often used for personal use.
notion image
ย 
Indentation Lines
Adds an indent line to an unordered list.
Supports custom configuration
  • Todo List
  • Numbered List
  • Bulleted List
  • Toggle List
  • Header Toggle List
notion image

ย 
notion image
notion image
notion image
ย 
Hide Backlinks
Hide the backlink of the page, it is rarely used in general.
Small Text
Small text is set for all pages by default. This will adjust the text locally without clicking on the Concept page to switch.
Bolder Text
Bolder font boldness is supported because notion's font boldness is not noticeable under the dark theme.
notion image

Supports custom Settings:
notion image
  1. Font Wight: Values range from 100 to 900 in increments of 100. The value of normal thickness is 400, while a value of 700 is considered bold.
    1. notion image
  1. Active Mode: You can choose to take effect under the Dark theme, or all themes.
ย 
Hide Slash Command
Use Spaces to hide the command menu that pops up with slash.
notion image
ย 
options:
  1. Supports hidden placeholders for AI and /
    1. notion image
ย 
Compact Code Block
notion image
ย 
Hide Sidebar Toolbuttons
โฌ‡๏ธBefore the function is not enabled.
notion image

ย 
โฌ‡๏ธAfter the Hide Sidebar Toolbuttons function is enabled.
notion image
ย 
The following options are supported:
๐Ÿ–ผ๏ธ Option page
notion image
  1. Hide Updates button
  1. Hide Settings button
  1. Hide New page button
  1. Hide Create a teamspace button
  1. Hide Templates button
  1. Hide Import button
  1. Hide Trash button
  1. Hide Calendar button
  1. Folded Sidebar buttons
    1. notion image
Hide AI Menu When Press Space
Hide AI command menu when pressing the space key.
Fixed Favicon
It'll always remain as the Notion logo, making the tab easier to find when you have a bunch of other things open.
notion image
Align Caption
Supports caption centering or right of images, code, files, etc.
notion image
You can set this on the option page
notion image
ย 
ย 
Center Header
Supports page header centering, including the main title of the page.
Demo 01
notion image
Demo 02
Open the Center Page Title option.
notion image
notion image
ย 
Hide Link Arrow
notion image
notion image
Hide Corner AI Button
Hide the AI button in the bottom right corner of the page.
Align Image
notion image
ย 
Hide Notion Default TOC
Maybe you don't like the notion of the default toc either, and now you can hide it.
Auto Set Page Configuration
Support to open the page automatically set to open Small text and full width, close the Table of contents.
notion image
Set Code Block Language
Click the button below to set the language of all code blocks on the page.
notion image
You need to set the default language.
notion image
Set Wrap Code Block
Click the button below to open the wrap code property for all code blocks on the page.
notion image
notion image

๐Ÿ”ƒ Backup & Recover

Notion Mate supports backing up custom Settings and recover configurations from profiles.
notion image
notion image
โ€ผ๏ธ If you have upgraded to Pro, please log in first and then restore, otherwise features with Pro will not be restored.

๐Ÿ†š Pro vs Free

Feature
Free
Pro
Outline
โŒ
โœ…
Image Viewer
โŒ
โœ…
Icon History
โŒ
โœ…
Count Words
โŒ
โœ…
Generate Header Number
โŒ
โœ…
Prevent Table Overflow
โŒ
โœ…
Code Line Numbers
โŒ
โœ…
Hide Notification
โŒ
โœ…
Hide Help Button
โŒ
โœ…
Empty Trash
โŒ
โœ…
Growth Height
โŒ
โœ…
Border Image
โŒ
โœ…
Narrow Row Spacing
โŒ
โœ…
Auto Set Default Font
โŒ
โœ…
Hide Hover Page Preview
โŒ
โœ…
Change Custom Font
โŒ
โœ…
Full Width
โœ…
โœ…
Beautify Scrollbar
โœ…
โœ…
Scroll To Top
โœ…
โœ…
Hide Comment Section
โœ…
โœ…
Indentation Lines
โœ…
โœ…
Hide Backlinks
โœ…
โœ…
Small Text
โœ…
โœ…
Bolder Text
โœ…
โœ…
Hide Slash Command
โœ…
โœ…
Compact Code Block
โœ…
โœ…
Hide Sidebar Toolbuttons
โœ…
โœ…
Hide AI Menu When Press Space
โŒ
โœ…
Fixed Favicon
โœ…
โœ…
Mark Manager
โŒ
โœ…
Theme
โŒ
โœ…

โ“ Feedback

โš ๏ธย Submit anย issueย if you encounter problems during use.
๐Ÿ“ง You can also inform me by email ([email protected]), I will solve it as soon as possible!

๐Ÿ•ต๏ธ Who made this?

Notion Mate is produced by Joans. I'm a coder and a productivity freak, and I rely heavily on Notion to organize things and manage work. I made this extension to make Notion more productive (and less distracting) by filling in gaps that I felt were lacking in the product. I hope you find this extension helpful :)

๐Ÿ—บ๏ธ Roadmap

Add custom theme
Code syntax highlighting
Notion widgets
โ€ฆ

๐Ÿ”— Friendly Links

  1. Widget Store
    1. Embed widgets, dynamic ICONS, dynamic backgrounds, and visual charts into your knowledge base with nearly a hundred thousand enthusiasts now customizing components through the editor.
  1. logosc
    1. Discover the coolest Internet product tools and smart artifacts.

โš–๏ธ Privacy Policy

The Notion Mate extension is a secure browser extension with no ads, no analytics, and no trackers. In addition, the Notion Mate extension does not store or send any data from your Notion account.
โš–๏ธ
Notion Mate Privacy Policy
Notion Mate ZH
Notion Mate ZH
๐Ÿ—’๏ธ
Update log
ย 

ย 
ย