Notion Synapse

A visual knowledge graph for your Notion workspaces that helps you explore connections between your pages and databases.

English | 简体中文

Features

• 🔗 Visual Knowledge Graph: See all your Notion pages and their connections
• 🎨 Beautiful Visualization: Interactive graph powered by ECharts
• 🌙 Dark/Light Mode: Supports both themes with user preference saving
• ⚡ Fast Performance: Cached data for quick loading
• 📱 Cross-Platform: Available as Electron desktop app

How to use?

1. Create A Notion Integration and link to your pages/workspaces

   

   Capabilities can be default (at least Read Content should be checked)

2. Open the app and configure the API following the instructions

3. Enjoy the synapse

Development

• Node.js >= 18.0.0
• pixi

Setup

npm install
cd backend && pixi install
cd ..
cd frontend && npm install
npm run dev   # Start dev

Build

npm run build

Teck Stack

• Frontend: Vue.js 3 + TypeScript + Vite
• Backend: Python + Flask
• Desktop: Electron
• Visualization: ECharts
• Package Management: npm + pixi

Road Map

• Demonstrate more Notion properties in the side panel
• Add node search and filtering
• Customized grpah
• Data exporting
• AI Summary

License

GPL-3.0 License | See LICENSE for more details