Obsidian Site

Credits

Credits

Obsidian Site is built on the shoulders of many excellent open-source projects and draws inspiration from the Obsidian ecosystem. Thank you to everyone who built and maintains these tools.

💙 Obsidian

First and foremost — Obsidian by Dynalist Inc. The entire concept of this project exists because of what Obsidian has built: a genuinely excellent note-taking and knowledge management tool. The vault format, canvas format, wikilink syntax, and the overall philosophy of connected notes are all Obsidian's work.

If you find this project useful, please support Obsidian by getting a Catalyst license or Obsidian Sync.

🚀 Core Framework

Astro

The web framework that makes static site generation fast and developer-friendly. The island architecture and zero-JS-by-default philosophy were the perfect fit for a documentation site.

Vite

The blazing-fast build tool powering Astro under the hood.

🎨 Rendering & Styling

Unified / remark / rehype

The excellent unified ecosystem for parsing and transforming Markdown to HTML. Without these composable parsers and plugins, building a custom Obsidian syntax renderer would have been exponentially harder.

Shiki

Beautiful, accurate syntax highlighting powered by TextMate grammars. Zero-JS at runtime — all highlighting happens at build time.

Tailwind CSS

Utility-first CSS framework. The v4 Vite plugin made styling straightforward without needing configuration files.

Catppuccin

The default color scheme (Mocha variant) used for both the UI and code block syntax highlighting. A gorgeous, well-designed pastel dark theme.

⚛️ Interactive Islands

React

Powering the three interactive islands: Search, Graph View, and Canvas View.

React Flow / xyflow

The canvas renderer. Incredibly powerful pan/zoom, node/edge management and minimap out of the box.

D3.js

Force-directed graph simulation for the relation graph. A classic tool that remains unmatched for data visualization.

Lucide

Clean, consistent icon library used throughout the interface.

🧪 Testing & Quality

Vitest

A fast, Vite-native test runner. The watch mode and coverage integration made test-driven development a pleasure.

Testing Library

@testing-library/react and @testing-library/user-event for writing component tests that interact the way users do.

Husky & lint-staged

Pre-commit hook management and incremental quality checks.

📦 Utilities

gray-matter

YAML frontmatter parsing — simple, reliable, battle-tested.

glob

File system globbing for scanning vault directories.


💬Quote

On knowledge tools "The mind is not a vessel to be filled, but a fire to be kindled." — Plutarch

Thank you for using Obsidian Site. If it helps you share your knowledge with the world, that's exactly what it was built for.