Shiki

Syntax highlighting

FreeLibraries & build toolingshiki.style

What it is

A syntax highlighter, v4, that uses real TextMate grammars and VS Code themes, so code looks exactly as it does in the editor. Highlighting can run at build time and output plain styled HTML, shipping zero highlighting JavaScript to the browser.

Why it earns a slot

Accuracy beats Prism and highlight.js by a wide margin, and it is now the default in Astro, Fumadocs and VitePress. Any docs page, blog or AI chat that shows code needs it.

Know before you commit

Loading every language and theme at runtime is a multi-megabyte WASM plus grammar payload — import only the languages you use, or precompute highlighting at build time.

Getting started

npm install shiki

Field notes

0 from the community

Loading notes…

Field check

Unverified

Pricing snapshot

Free · MIT

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate Shiki (https://shiki.style) for this project, then use it only if it fits what we are already building.
Context: Syntax highlighting. A syntax highlighter, v4, that uses real TextMate grammars and VS Code themes, so code looks exactly as it does in the editor. Highlighting can run at build time and output plain styled HTML, shipping zero highlighting JavaScript to the browser.
Reviewer notes (general, not written for this codebase): Accuracy beats Prism and highlight.js by a wide margin, and it is now the default in Astro, Fumadocs and VitePress. Any docs page, blog or AI chat that shows code needs it.
Watch out for: Loading every language and theme at runtime is a multi-megabyte WASM plus grammar payload — import only the languages you use, or precompute highlighting at build time.
Pricing: Free · MIT
Setup: npm install shiki
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/shiki

Neighbourhood

How Shiki sits against the rest of the atlas — swaps, companions and the tools builders actually save alongside it.