Open Source VS Code Extension

Stereo

Your markdown runs now.

A VS Code extension that makes code blocks executable. Write .md files, see live dashboards inline. Open source, zero lock-in.

Live dashboard output from a standard markdown file

Up and running in 60 seconds.

1

Install the extension

Open VS Code, press Cmd+Shift+X (or Ctrl+Shift+X), search "Stereo", and click Install. That's it.

Or run this in your terminal:

$ code --install-extension leap21.stereo
2

Create a .md file with a run block

Open any .md file. Type stereo and press Tab to expand a ready-made template. Or paste this:

dashboard.md
# My Dashboard

```tsx run
<DashGrid cols={2}>
  <MetricCard
    label="Uptime"
    value="99.97%"
    status="success" />
  <MetricCard
    label="Latency"
    value="42ms"
    status="neutral" />
</DashGrid>
```

The only new syntax is ```tsx run instead of ```tsx. Everything else is standard markdown.

3

Open the Stereo preview

Press Ctrl + Shift + M to open the preview panel. Or use the Command Palette:

> stereo
Stereo: Open Preview Ctrl+Shift+M
Stereo: Run All Blocks

Stereo will also prompt you automatically when it detects run blocks in your file.

4

Click Run and see live output

Each block gets a Run button. Click it, and the output renders right below:

Stereo Preview 10ms
Uptime
99.97%
Latency
42ms

Add refresh=30s after tsx run to auto-refresh. Use fetch() to pull live data from any API.

5

Use built-in components

These are available in every run block with no imports needed:

MetricCard — KPI card with label, value, status
DashGrid — responsive column layout
Sparkline — inline bar chart
StatusTable — table with status indicators

Also available: fetch(), console.log(), React, await. Full JSX/TSX support.

Everything you need, nothing you don't.

Zero Lock-in

Files stay .md. No proprietary format, no cell metadata. Works with git, GitHub, GitHub, any renderer.

Live Dashboards

Built-in components: MetricCard, Sparkline, StatusTable. Render live data from APIs directly in your markdown.

Secret Injection

Rust sidecar replaces {"{{env.X}}"} from .env files. Credentials never touch the JavaScript runtime.

Auto-Refresh

Set refresh=30s on any block. Data stays current without manual re-runs. Polling, not polling you.

VS Code Native

CustomTextEditorProvider. Your keybindings, your theme, your extensions. No Electron wrapper on top of Electron.

Open Source

MIT licensed. Inspect every line, fork it, self-host it. No telemetry, no analytics, no tracking.

Smart Onboarding

Opens automatically when your markdown has executable blocks. No manual setup needed.

Code Snippets

Type stereo in any .md file for instant templates. MetricCard, DashGrid, StatusTable — all one Tab away.

Friendly Errors

Clear error messages with human-readable hints. Stack traces hidden behind a toggle, not in your face.

You already have the tools. We connect them.

vs Moment.dev

They built a new app. We built an extension. Same insight — markdown plus executable code is the best interface — without the new binary on your dock.

vs Jupyter

No cell metadata, no .ipynb lock-in. Just .md. Your files render on GitHub, diff cleanly in PRs, and open in any text editor.

vs Grafana

Your dashboard lives where your code lives. No new tab, no context switching. Runbooks and dashboards in the same file.