Typix LogoTypix
Extensions

Code Highlight (Shiki)

Syntax highlighting for code blocks via Shiki (TextMate grammars)

Adds Shiki-powered syntax highlighting to your code blocks. Same engine VS Code uses, so output matches your editor's theme. Requires the Code Block extension as the host container.

Install

pnpm add @typix-editor/extension-code-highlight-shiki

Live demo

Tradeoff vs Prism

PrismShiki
Bundle sizesmalllarger (TextMate grammars + WASM)
Theme fidelityOKmatches VS Code exactly
Lazy loadeasyalready lazy
Best forgeneral projectscode-heavy docs sites

Install one, not both.

On this page