Directory
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
Also in Libraries & build tooling
Astro Starlight + Nextra
starlight.astro.build
Framework docs themes
FreeLibraries & build tooling
Free · MIT
Open dossier
Biome
biomejs.dev
Linter + formatter (Rust)
FreeLibraries & build tooling
Free · MIT/Apache-2.0
Open dossier
Chromatic
chromatic.com
Visual regression testing
Free tier + paidLibraries & build tooling
Free tier · Starter $179/mo
Open dossier