Vortex
Transforms your browser into an infinite spatial canvas where websites live as interactive nodes. Instead of 100+ messy tabs, every link spawns a new node, mapping your journey visually. Inspired by Figma.
React 18ViteChrome ExtensionManifest V3TypeScript
Visit Live Project
About the Project
Vortex transforms your browser into an infinite spatial canvas where websites live as interactive nodes. Instead of juggling dozens of tabs, arrange your research visually, see connections between pages, and maintain context while exploring the web. Every link you click spawns a new node, mapping your journey visually—inspired by Figma canvas and prototype view.
Key Features:
• Infinite Canvas: Pan and zoom freely across your workspace
• Visual Browsing: Websites appear as interactive, resizable nodes
• Smart Connections: Links auto-connect to show your research path
• Sticky Notes: Attach notes to nodes that move together
• Color Coding: Organize your workspace with 7 color options
• Layer Panel: A Figma-style sidebar showing all pages
• Minimap: Navigate large workspaces easily
• Dark Mode: User-friendly interface that's easy on the eyes
• Auto-Save: Your workspace persists automatically
• Figma Shortcuts: Supports same shortcuts as Figma (⌘K quick add, ⌘F search, ⌘D duplicate)
How to use: Click the Vortex icon in your browser toolbar, click "Open Canvas" to enter your spatial workspace, use + Page or press ⌘K to add websites, click links inside nodes to open them as connected child nodes, and drag nodes to arrange your workspace.
Screenshots




Demo Video
Technology Stack
React 18
Vite
Chrome Extension
Manifest V3
TypeScript
Interested in this project?
Check out the live demo or get in touch to learn more.