Skip to content
React Libraries
On this page

Shiki

A syntax highlighter using TextMate grammars and editor-style themes.

What it does

A syntax highlighter using TextMate grammars and editor-style themes.

When it fits

Rendering code samples with coloring similar to a code editor.

Other options in this category

  • Code Hike — Building interactive code walkthroughs and technical storytelling pages.
  • Expressive Code — Publishing code examples with highlighting, annotations, and presentation features.
  • Lowlight — Rendering highlighted code through a custom virtual-DOM integration.
  • Shiki Magic Move — Showing how code evolves during a tutorial or presentation.
  • Speed Highlight — Adding highlighted code samples to webpages and documentation.

Source

Project source for Shiki ↗

Editorial overview reviewed on October 24, 2026. Follow the source for current setup, compatibility, and licensing.

Explain code visually →

All code highlighting options →