Devframes

Ready-to-run built-in example devframes. Compose your own DevTools solution from them, run one standalone, or read one as a reference for building your own.

Ready-to-run built-in example devframes (@devframes/plugin-*). Compose your own DevTools solution from them, run one standalone, or read one as a reference for building your own.

Devframe	UI framework	What it does
Data Inspector	Vue	Query live server-side objects with jora.
Devframe Inspector	Vue	Browse RPC, shared state, and agent exposure.
Open Graph Viewer	Vue	Inspect Open Graph / Twitter metadata and card previews.
Accessibility Inspector	Solid	Run axe-core; list WCAG violations.
Git	React (Next.js)	Repository dashboard: status, graph, branches, diffs.
Terminals	Svelte	Stream output and run interactive PTY shells.
Code Server	Vue	Run VS Code in the browser.
Assets	Vue	Browse, preview, upload, rename, and delete files.

One RPC client, any framework

Each devframe picks its own UI framework yet shares one node-side API — RPC, shared state, and connectDevframe.

Running a built-in devframe

Most built-in devframes publish a bin:

pnpx @devframes/plugin-inspect      # the Devframe Inspector, standalone
pnpx @devframes/plugin-og           # inspect Open Graph metadata and social cards
pnpx @devframes/plugin-git          # the Git dashboard against the current repo
pnpx @devframes/plugin-assets       # manage the files under <cwd>/public

Each also exports a create…Devframe factory; see each page for options.

Add-ons

Ready-to-run packages built on Devframe: built-in devframes you can run, compose, or learn from, and wire services that share one node-side capability across every devframe on a host.

Data Inspector

A Vue query workbench for live server-side objects: register data sources, then compose jora queries in the owning process.