← all repositories
homanp/infinite-monitor

Dashboards by description: tell an AI agent what you want, get a React widget

An infinite canvas where plain-English prompts become isolated, runnable React apps—no Docker, no manual coding.

702 stars TypeScript App BuildersCoding AssistantsAgents
infinite-monitor
Velocity · 7d
+7.7
★ / day
Trend
steady
star history

What it does

Infinite Monitor is a local-first dashboard builder. You describe a widget in chat—“a chart of Bitcoin futures”—and an AI agent writes the React code, installs dependencies, builds it in a V8 sandbox, and drops it onto an infinite canvas as an iframe. You drag, resize, and iterate by talking.

The interesting bit

The runtime architecture is the quietly clever part. Each widget compiles through Vite inside Secure Exec (a V8 isolate, not Docker), then serves as static HTML. The agent also reads other widgets’ source code on the same dashboard, so new components complement existing ones rather than duplicating effort.

Key highlights

  • BYOK, aggressively: 15 providers, 35+ models, keys stay in localStorage and hit the server only per-request
  • Pre-loaded widget toolkit: React 18, Tailwind, Recharts, MapLibre GL, Framer Motion, shadcn/ui components—all available to generated code
  • Live web search: Agent searches for APIs and docs while building, with Brin threat-scanning on external URLs
  • Multiple dashboards + templates: Switch contexts instantly; community templates exist but the README admits more are needed
  • Desktop option: Community-maintained Electron wrapper at mehdiraized/infinite-monitor-desktop

Caveats

  • Requires Node.js 22+ specifically for isolated-vm native bindings; not negotiable
  • Mobile is acknowledged as unfinished—no responsive layout or touch gestures yet
  • Real-time collaboration is on the contribution wishlist, not implemented

Verdict

Worth a spin if you prototype dashboards frequently and prefer conversational iteration to hand-writing boilerplate. Skip it if you need polished mobile access, strict team collaboration, or can’t stomach running a local Node service with API keys in browser storage.

heatdrop uses Google Analytics to see which pages get read — nothing else. Your call. How we handle data.