Knowledge Tree

Minimalist graph-based knowledge management system inspired by Zettelkasten. Visualize and connect your thoughts in an interactive network.

Knowledge Tree Kn-🦉-⭕-🌳

A minimalist graph-based knowledge management system inspired by Zettelkasten methodology.

Idea

I wanted a simple UI/web tool where I could manage my knowledge as a graph, similar to Zettelkasten, without using Obsidian with millions of plugins.

Overview

Knowledge Tree helps you build a personal knowledge base through interconnected notes. Each note becomes a node in your knowledge graph, with relationships that form meaningful connections between ideas and thoughts.

Tech Stack

  • Frontend: Next.js 15, React, TypeScript, TailwindCSS
  • Visualization: Sigma.js with Graphology
  • Backend: tRPC, Prisma ORM
  • Database: PostgreSQL
  • Authentication: NextAuth.js

Features

Creating Nodes

  • Click New Node in the top bar
  • Enter a title and optional content
  • Nodes support basic markdown formatting

Connecting Ideas

  • Select a node to enter Edit Mode
  • Switch to Link Mode
  • Choose relationship type:
    • Parent/Child - Hierarchical connections (one parent per node)
    • Reference - Related concepts
    • Example - Concrete instances
    • Contradiction - Conflicting ideas
  • Click another node to create the connection
  • Click - Select and edit nodes
  • Hover - Preview node content
  • Search - Find nodes by title or content
  • Drag - Pan around the graph
  • Scroll - Zoom in/out

Database Schema

Node - Stores individual knowledge units, belongs to a user, contains title and content

Edge - Connects two nodes, types: parent, reference, example, contradiction

User - Authentication and ownership, isolated knowledge graphs per user

Knowledge Tree GitHub Repository

Contributors

Loading contributors...

Live Demo

Try Live Demo →

Create an account and build your first knowledge network