npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

okf-viewer

v0.4.1

Published

Browse an Open Knowledge Format (OKF) bundle via a local CLI and Next.js viewer

Readme

   ____  _  _______   __     ___
  / __ \| |/ /  ___|  \ \   / (_) _____      _____ _ __
 | |  | | ' /| |_      \ \ / /| |/ _ \ \ /\ / / _ \ '__|
 | |__| | . \|  _|      \ V / | |  __/\ V  V /  __/ |
  \____/|_|\_\_|         \_/  |_|\___| \_/\_/ \___|_|

  open → tree → concept

OKF Viewer

npm npm downloads license

Point the CLI at a folder. Browse your Knowledge Bundle in the browser.

OKF Viewer is a read-only local viewer for Open Knowledge Format bundles. Run okf-viewer open to open a Directory Tree, follow Indexes into Concepts, and navigate Bundle Links — offline, on your machine.

Quick start

npx okf-viewer@latest open /path/to/bundle
npx okf-viewer@latest validate /path/to/bundle

CLI

okf-viewer open [path]       # browse bundle in browser (default: .)
okf-viewer validate <dir>    # OKF v0.1 §9 conformance check
okf-viewer open --bind 0.0.0.0 --port 3847   # listen on all interfaces

Features

  • CLI Open. Point at a local directory; no folder picker, no upload, no remote fetch.
  • Directory Tree. Sidebar of folders and Concept files for orientation and direct jumps.
  • Index-first browse. When a directory has index.md, opening it prefers that Index over a file listing.
  • Concept View. Title, type, tags, and description from the Concept, plus rendered markdown.
  • Bundle Links. In-bundle links stay in the Viewer; external URLs open outside; missing targets link to a clear missing-Concept state.
  • Backlinks. Concept View shows other Concepts that link to the current one.
  • Graph, Tags, Types. Searchable, filterable cross-link graph with type-colored nodes and switchable layouts, plus frontmatter grouping.
  • Validate. okf-viewer validate <dir> checks OKF v0.1 §9 conformance (CLI only; open stays best-effort).
  • Best-effort. Opens any local folder of markdown. Valid Concepts get Concept View; other .md files stay readable.
  • Light / dark. Theme toggle when you need it.

Knowledge Graph

Open Graph from the sidebar to explore cross-links between Concepts. Search by title, Concept ID, or tag; filter by frontmatter type; and switch between vertical and horizontal layouts. Selecting a node shows its type, ID, description, and tags before you open the full Concept View.

The graph is a secondary navigation surface: the Directory Tree and Indexes remain the primary way to understand and browse a Bundle. Missing link targets are handled in Concept View rather than rendered as graph nodes.

What is OKF?

Open Knowledge Format is an open, vendor-neutral way to package knowledge as plain markdown with YAML frontmatter — portable, no SDK, no database. A Knowledge Bundle is a self-contained directory of those Concepts; this Viewer Opens one and lets you Browse it.

License

MIT.