
Shiki
Code syntax highlighting is provided by Shiki, a library that colors code by programming language.

About Shiki
Shiki is a syntax highlighting library that colors code by programming language. Its homepage says it uses TextMate grammars, the same engine as VS Code, to produce accurate highlighting.
Highlighting runs ahead of time, and the homepage states that this means no JavaScript is shipped to the browser. The library is described as customizable through HAST-based addons and transformations. Its ESM build is fully tree-shakable and runs on any JavaScript runtime, with the homepage naming browsers, Node.js and Cloudflare Workers. Pricing information is not available from the source.
Key features
- Colors code using TextMate grammars, the same engine as VS Code
- Runs ahead of time, so no JavaScript is shipped to the browser
- Customizable through HAST-based addons and transformations
- Fully tree-shakable ESM build
- Runs on any JavaScript runtime, including browsers, Node.js and Cloudflare Workers
- Interactive playground linked from the homepage
- Highlighting follows the same TextMate grammar engine used by VS Code
- Ahead-of-time rendering means no client-side highlighting JavaScript is required
- Works across several JavaScript runtimes, as listed on the homepage
Shiki at a glance
- Website
- shiki.style
- Category
- Development › Developer Tools
- Type
- Website
- Pricing
- Not confirmed. Check the site
- Platforms
- Web
- Open source
- Not stated
- Language
- English
- Last checked
- Oct 6, 2026 · Online when checked
- Listed
- Oct 5, 2026
Guides for Developer Tools
Shiki alternatives
Tools and sites you could use instead, ranked by how closely they match.
Syntax highlighting, matching rules and mappings for the original Markdown and extensions.
Open-source system monitoring with a time-series database and query language is provided by Prometheus.
Generate C# syntax trees from code snippets with RoslynQuoter, using its online controls for parsing and syntax options.
Grit provides declarative code search and transformation through its GritQL language.
Analyze a website’s branding and technology stack with WebDNA, which extracts logos, colors, frameworks, and libraries.
Select code between matching brackets or other syntax pairs in VS Code with Smart Clicks.
Popular in Developer Tools
Well-known listings from the same topic.
Shiki FAQ
Does Shiki add JavaScript to the browser?
Which runtimes does Shiki support?
Tell us and an editor will check it.
Claim the listing and suggest updates yourself. An editor checks every claim first.










