A VS Code extension for Typst that runs entirely in the browser, powered by WebAssembly.
Features
Syntax Highlighting - Full syntax highlighting for .typ files
Live Preview - Real-time SVG preview as you type
Diagnostics - Inline error and warning reporting
No Dependencies - Works entirely in the browser, including on vscode.dev
Commands
Command
Description
Typst: Open Preview
Opens a side-by-side preview panel
Typst: Compile Document
Manually trigger compilation
Typst: Export to PDF
Export document to PDF (coming soon)
Usage
Open a .typ file
Run Typst: Open Preview from the command palette (Cmd+Shift+P / Ctrl+Shift+P)
Edit your document and see live updates in the preview panel
Settings
Setting
Default
Description
typst.preview.autoRefresh
true
Automatically refresh preview on changes
typst.compile.debounceMs
100
Debounce delay before recompiling (ms)
How It Works
This extension compiles the Typst compiler to WebAssembly, allowing it to run entirely in your browser. The WASM module includes embedded fonts and runs in a Web Worker to keep the UI responsive.
