🚀 Browse and explore your Notion pages directly in Visual Studio Code using official Notion integration.
Official Notion API: only pages shared with your integration API key are visible.
API call rate limits (average of 3 requests per second) can slow complex pages, but loaded pages are cached for fast display.
🙏 Credits
Big thanks to kyswtn for the original vscode-notion! This project is forked from their work and recreated to use the official Notion API.
⚠️ Important: Due to conflicting extension IDs and commands, this extension cannot be used simultaneously with the original vscode-notion. Please disable or uninstall the original extension before installing this one.
Front Page
Block Rendering
Mermaid Diagrams
Database Rendering
✨ Features
📖 Browse Notion Pages - View your Notion workspace as a hierarchical tree in the sidebar
📄 Full Markdown Support - Rich text formatting, code blocks, callouts, and more
📊 Inline Databases - Table, Calendar, Timeline, and Board views
🎨 Mermaid Diagrams - Render diagrams directly in the preview
🌙 Light & Dark Mode - Seamlessly supports VS Code themes
🔒 Official Notion API - Uses Notion's official public API (no scraping)
⚠️ Limitations
Your integration can only access pages that have been explicitly shared with it
Editing is not supported (view-only)
Some advanced Notion blocks may not render perfectly
YouTube and Google Maps embeds cannot be rendered, but links are provided to view them in a browser
Other embeds may not render correctly
Notion embedded images expire after 1 hour; reload the page to fetch fresh images