KBAISE/ for lovable
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

Field notes

0 from the community

Sign in to add a field note. Reading is always open.

Loading notes…

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
Bun
bun.sh

JS runtime + package manager

FreeLibraries & build tooling
Free · MIT
Open dossier
Chromatic
chromatic.com

Visual regression testing

Free tier + paidLibraries & build tooling
Free tier · Starter $179/mo
Open dossier