A Browser Extension that enhances Notion experience.

Latest Version

Version
2.1.3
Update
August 5, 2021
Size
5.02MiB
Developer
scarsu.cn
Category
Users
8,000+
Rating
4.8 ★
Manifest Version
2
Web Store Status
Languages Support
English
українська
한국어
See more
Permissions
Https://*.notion.so/*
See more

NotionX ( for Notion ) Extension

NotionX is building for enhancing experience of Notion(notion.so) Web App, and try to keep it consistent with the cute native application UI style.

NotionX offers the following features:
√ Dynamic Table of Content SideBar
√ Page Content statistics
√ Set All Code Block Language
√ Open current page in Notion desktop
√ Generate index for Header blocks
√ Enable/Disable button for NotionX
√ SideBar modules can be closed and restored
√ Hide Table block's 'New' button
√ Add ukrainian locale
√ Add a \"scroll to top button\" in the bottom right corner of the page
√ Show line numbers in code blocks
√ Low Contrast Dark Mode
√ Notion Shortcuts Quick Reference Manual
√ Support Multiple languages
√ Hide comments at the top of the page
√ Switching Notion dark mode
√ Compact Mode:full width + small text
√ Prevent table overflow
√ More Features on the way

Q: How to enable NotionX?
A: Install this extension ,open any address hosted as 'notion.so', and you will find buttons on the right hand side of the page header; The NotionX pop-up page can be found by clicking on the NotionX plugin icon on the right side of your browser address bar.

Want more features? suggest here: https://github.com/scarsu/NotionX/discussions/4

NotionX Homepage:
http://www.scarsu.cn/notionx/

Source Code:
https://github.com/scarsu/NotionX

This is a free and open-source browser extension. If you rating ★★★★★ I will devote more time to improving it, thanks~~~

NotionX是为了提升Notion(notion.so)Web App的体验而构建的,并尽量保持与可爱的原生应用UI风格一致。

在v2.1.0版本中,NotionX提供了以下功能。
√ 动态目录侧边栏
√ 页面内容统计
√ 一件设置所有代码块语言
√ 在Notion客户端中打开当前页面
√ 为Header生成序号
√ 插件启用/禁用按钮NotionX
√ SideBar模块可以关闭/恢复
√ 隐藏Table的'New'按钮
√ ukrainian语言
√ “滚动至顶部”按钮
√ 显示代码行号
√ 低对比度暗黑模式
√ Notion快捷键&命令速查
√ 插件多语言
√ 隐藏页首评论
√ 切换Notion暗黑模式
√ 紧凑模式:full width + small text
√ 阻止表格溢出
√ 持续更新…

问:如何启用NotionX?
答:安装这个扩展,打开任何一个主机为 \"notion.so\"的网址,你会找到位于页面头部右侧的按钮;在浏览器地址栏右侧点击NotionX插件图标,可以找到NotionX的弹出页面。

想要更多的功能,请在这里建议:https://github.com/scarsu/NotionX/discussions/4

NotionX 首页:
http://www.scarsu.cn/notionx/

源代码:
https://github.com/scarsu/NotionX

这是一个免费开源的浏览器扩展。如果你能评价五颗星★★★★★,我会投入更多的时间去完善它,3qqqqq~~~。
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "NotionX ( for Notion )", "homepage_url": "http://scarsu.cn/notionx/", "description": "A Browser Extension that enhances Notion experience.", "default_locale": "en", "permissions": [ "https://*.notion.so/*" ], "icons": { "16": "icons/notionx-white.png", "48": "icons/notionx-white.png", "128": "icons/notionx-white.png" }, "background": { "persistent": false, "scripts": [ "js/background.js" ] }, "content_scripts": [ { "matches": [ "https://*.notion.so/*" ], "js": [ "js/content-script.js" ], "css": [ "css/content-script.css" ], "run_at": "document_idle" } ], "browser_action": { "default_popup": "popup.html", "default_title": "NotionX ( for Notion )", "default_icon": { "19": "icons/notionx-white.png", "38": "icons/notionx-white.png" } }, "version": "2.1.3", "content_security_policy": "script-src 'self' ; object-src 'self'"}
Read more

How to download and manually install NotionX ( for Notion ) extension for Chrome

Looking for a way to install NotionX ( for Notion ) extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install NotionX ( for Notion ) extensions manually, this article outlines two simple methods to effortlessly install NotionX ( for Notion ) extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download NotionX ( for Notion ) extension and manually install through Drag &Drop

If you ever need to manually install a NotionX ( for Notion ) extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the NotionX ( for Notion ) Extension by clicking the "Download CRX" button on the website.

Look for the NotionX ( for Notion ) extension you wish to install. Go to the website and download the NotionX ( for Notion ) extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for NotionX ( for Notion ) extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the NotionX ( for Notion ) extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download NotionX ( for Notion ) extension for Chrome and install in Developer Mode

This is another method to install NotionX ( for Notion ) extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the NotionX ( for Notion ) extension file

Select and download the NotionX ( for Notion ) extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the NotionX ( for Notion ) extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your NotionX ( for Notion ) extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the NotionX ( for Notion ) extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install NotionX ( for Notion ) extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

NotionPlus Extension · Productivity 8,000+ 4 ★ 2.64MiB

icon

Notion Boost Extension · Productivity 8,000+ 177 ★ 92.83KiB

icon

SideNotion Extension · Productivity 8,000+ 5 ★ 982KiB

icon

Tailored Notion Extension · Productivity 8,000+ 18 ★ 76.46KiB

icon

Notion Quick Notes Extension · Productivity 8,000+ 2 ★ 18.17KiB

icon

Notion Tweaks Extension · Productivity 8,000+ 1 ★ 129KiB

icon

Save to Notion Extension · Productivity 8,000+ 965 ★ 1.55MiB

icon

Notion Automations Extension · Productivity 8,000+ 0 ★ 10.84KiB

icon

Bookmarker for Notion Extension · Productivity 8,000+ 9 ★ 2.42MiB

icon

Notion Style Tweaks Extension · Productivity 8,000+ 13 ★ 6.06MiB

icon

Notion Slide Shows Extension · Productivity 8,000+ 1 ★ 66.64KiB

icon

Notion Global Block Extension · Productivity 8,000+ 9 ★ 33.48KiB

icon

Evergreen Notes (for Notion) Extension · Productivity 8,000+ 39 ★ 484KiB

icon

Notion - Add to calendar Extension · Productivity 8,000+ 12 ★ 15.81KiB

icon

Notion Search Assistant Extension · Productivity 8,000+ 2 ★ 261KiB

icon

Notion+ Mark Manager Extension · Productivity 8,000+ 38 ★ 83.05KiB

icon

Discord Theme For Notion Extension · Productivity 8,000+ 3 ★ 10.9KiB

icon

Klippper: Notion Web Clipper Extension · Productivity 8,000+ 10 ★ 169KiB

icon

Notion Mate Extension · Productivity 8,000+ 35 ★ 132KiB

icon

notion-enhancer Extension · Productivity 8,000+ 47 ★ 1.5MiB

icon

Web Clipper Extension · Productivity 8,000+ 7 ★ 1.52MiB

icon

Bookmarks to Notion Extension · Productivity 8,000+ 37 ★ 276KiB

icon

Notion Notes Extension · Productivity 8,000+ 35 ★ 163KiB

icon

NotionExtensions Extension · Productivity 8,000+ 1 ★ 121KiB

User reviews

icon

Godling (ID: 000000bdbf0be2a5) Voted 4 ★ - Updated 05/29/2023 主要功能没问题,但是已经 2-3 年没更新了,有些功能不管用了

icon

익명0010 (ID: 000000b8cb970280) Voted 5 ★ - Updated 03/15/2023 TYSM!! I need an option to disable the sidebar

icon

Étienne Pot (ID: 000000ab1780517b) Voted 5 ★ - Updated 10/07/2021 Having the outline for the toogle blocks is a game changer. I can make all sections collapsible and NotionX will automatically display the table of content on the side. Thank you!

icon

sakura zhang (ID: 00000056743891dc) Voted 5 ★ - Updated 07/24/2021 功能强大,但是toggle list好像不能在目录栏显示了?

icon

HuiShou Mo (ID: 0000000efb0f6c08) Voted 5 ★ - Updated 04/12/2021 👍