Intuitive open-source graph tools for visualizing ideas, projects, and knowledge.
We build high-performance visualization tools that help people think in graphs, not lists. Our mission is to make complex relationships simple, and abstract ideas tangible.
At Graphif, we believe that the best way to understand complex systems is through visual topology. Whether you're designing software architecture, brainstorming ideas, or mapping knowledge domains, our tools provide the canvas for your thoughts.
- Modern UI, Native Performance — We bring the elegance of modern frontend experiences to the desktop, without sacrificing native speed. Think web-smooth interactions with native-level responsiveness.
- Clean, Distraction-Free Interface — No bloat, no clutter, no annoying pop-ups. Just pure, focused productivity. Our UI is clean like a surgeon's table.
- Simplicity Wins — Powerful features shouldn't mean complex interfaces. Drag, connect, done.
- Cross-Platform Native — Windows, macOS, Linux. One codebase, native experience everywhere.
(Running on Hyprland)
A node-based visual tool for organizing thoughts and notes in a non-linear way.
Transform chaotic ideas into clear visual structures. Whether you're architecting a microservices system or planning your thesis, Project Graph gives you the spatial canvas to think freely.
- 🎨 Nested Graph Topology — Build hierarchical structures with infinite depth
- ⚡ Blazing Fast — Current v2.0 uses optimized Canvas 2D rendering; v3.0 (in development) will upgrade to Pixi.js for even better performance with thousands of nodes
- 🖥️ Modern Frontend Aesthetics — Desktop app that feels like a polished web experience, with buttery smooth animations and responsive interactions
- 🧘 Zen-like Interface — Zero distractions. No ads, no bloat, no unnecessary UI elements. Just you and your ideas
- 📦 Native File Format —
.prg(application/vnd.project-graph) files for seamless sharing and versioning
Tech Stack: TypeScript • React • Tauri • Canvas 2D (v2.0) / Pixi.js (v3.0) • Vite
Bring operator overloading to TypeScript.
// Write this
const result = matrix1 + matrix2 * scalar;
// Instead of this
const result = matrix1.add(matrix2.multiply(scalar));- Software Engineering — Architecture diagrams • Dependency graphs • System design planning
- Knowledge Management — Personal knowledge graphs • Research mind maps • Zettelkasten workflows
- Project Management — Task dependency mapping • Team structure visualization • Resource planning
- Creative Thinking — Brainstorming sessions • Concept mapping • Storytelling structure
v3.0 Pixi.js Rewrite
- WebGL-powered rendering for 10x performance boost
- AI-powered auto-layout and smart node organization
- Plugin system foundation
- Advanced canvas interactions (zoom, pan, minimap)
v4.0 CRDT Data Structures
- Loro/Yjs-based conflict-free replication
- Real-time multiplayer collaboration
- Offline-first with automatic sync
- Conflict resolution without user intervention
Help us translate! If you can speak both simplified Chinese and English, please help us translate the texts in our projects via Weblate
