Skip to content


Shikiji shikiji is a beautiful and powerful syntax highlighter based on TextMate grammar and themes, the same engine as VS Code's syntax highlighting. Provides very accurate and fast syntax highlighting for almost any mainstream programming language.

No custom RegExp to maintain, no custom CSS to maintain, no custom HTML to maintain. And as your favorite languages and themes in VS Code evolve - your syntax highlighting will evolve too.

Shikiji is a ESM-rewrite of Shiki with quite a few improvements. We aim to merge this project back to Shiki as a milestone update. Check the breaking changes from Shiki and our compatibility build if you are migrating.

About the name, shikiji is a Japanese word meaning "Ceremonial Speech". shiki is inherited from shiki means "Style" and ji means "Word".

Oh btw, all the code blocks in this site are highlighted by Shikiji, as you'd expect :)



Here is a little playground for you to try out how Shikiji highlights your code. Unlike other code blocks that ran on the build time, this playground is rendered on the client side in the browser. Themes and languages are loaded on demand.


Install Shikiji to use it in your project.

Who is using?

Projects that depend on Shikiji (sorted alphabetically):

Bundle Size

You can inspect the bundle size in detail on

As of v0.9.11, measured at 21th, December 2023:

BundleSize (minified)Size (gzip)Notes
shikiji6.4 MB1.2 MBAll themes and languages as async chunks
shikiji/bundle/full6.4 MB1.2 MBSame as shikiji
shikiji/bundle/web3.8 MB695 KBAll themes and common web languages as async chunks
shikiji/core100 KB31 KBCore engine without any themes or languages, compose on your own
shikiji/wasm623 KB231 KBWASM binary inlined as base64 string

Released under the MIT License.