FileKit
View and edit 30+ file formats directly in VS Code.
| Category |
Formats |
| Markdown |
.md, .markdown |
| PDF |
.pdf |
| Spreadsheets |
.csv, .tsv, .xlsx, .xls, .xlsm, .xlsb |
| Documents |
.docx, .rtf |
| Presentations |
.pptx, .ppsx |
| Code / Text |
.json, .xml, .yaml, .yml, .html, .htm, .txt, .log |
| Images |
.png, .jpg, .gif, .webp, .bmp, .ico, .svg, .tiff |
| Audio / Video |
.mp3, .wav, .ogg, .m4a, .flac, .aac, .opus, .mp4, .webm, .mov, .mkv, .avi |
| Archives |
.zip, .tar, .tgz, .jar, .war |
| Email |
.eml |
| Binary / Unknown |
.bin, .dat, .hex (hex viewer, plus manual open for any file) |
Features
- Auto-refresh — viewers reload automatically when the file changes on disk (external edits, git checkouts, rebuilds). In-viewer edits are preserved until saved; scroll position and page/zoom preserved for PDF and images.
- Print — every viewer has a Print button; prints markdown/docs as formatted HTML, spreadsheets in landscape, presentations one-slide-per-page.
- Image editor (Paint-lite) — draw/annotate/crop/rotate/resize on any non-SVG image with pencil, eraser, arrow, rectangle, ellipse, and text tools. Undo/redo, Save, Save As…
- SVG split editor — code + preview side-by-side with live update; Ctrl+S saves.
- Markdown clipboard-paste images — paste a screenshot in source mode and it writes to
./assets/ and inserts the markdown for you.
- Markdown outline — slide-out heading nav.
- CSV/XLSX — cell editing, sort, search, column resize, find & replace, multi-sheet.
- Archive browser — preview or extract single files from zip/tar/tgz.
- Diff command —
FileKit: Diff Two Files for quick side-by-side compare.
- Preview & Source toggle for all text-based formats
- Search across all text-based viewers (Ctrl+F)
- Zoom controls for Markdown, Documents, Images, and PDF
- Syntax highlighting for JSON, XML, YAML, HTML, and log files
- Mermaid diagrams in Markdown (can be disabled in settings)
- Block editing in Markdown - click any block to edit it inline
- Slide navigation for PowerPoint files with speaker notes
- Style toggle between Obsidian and VS Code themes for Markdown/Documents
Settings
| Setting |
Default |
Description |
filekit.markdown.fontSize |
13 |
Base font size (px) |
filekit.markdown.lineHeight |
1.8 |
Line height |
filekit.markdown.maxWidth |
680 |
Max content width (px) |
filekit.markdown.defaultStyle |
obsidian |
obsidian or vscode |
filekit.markdown.enableMermaid |
true |
Render mermaid diagrams |
filekit.csv.maxRows |
5000 |
Max rows to render |
filekit.pdf.defaultZoom |
fit-width |
Default PDF zoom level |
License
MIT
| |
