Skip to content

Syntax Highlighting

April 9, 2025
October 8, 2015

Expressive Code

using Shiki

Expressive Code | Expressive Code supports Astro, Next.js, built-in in Starlight

Astro Docs code blocks with Expressive Code | HenestrosaDev

Prism

Small, custom grammars, web workers

Prism
PrismJS/prism: Lightweight, robust, elegant syntax highlighting.

Introducing Prism: An awesome new syntax highlighter | Lea Verou

Shiki

TextMate grammars, VS Code themes

Shiki
shikijs/shiki: A beautiful Syntax Highlighter.

Monarch

VS Code's core

Monaco Editor Monarch

CodeMirror

CodeMirror
codemirror/dev: Development repository for the CodeMirror editor project

Implementing a Syntax-Highlighting JavaScript Editor In JavaScript
CodeMirror 5 User Manual
codemirror5/mode/gfm/gfm.js at master · codemirror/codemirror5

Ace - The High Performance Code Editor for the Web
espadrine/ace2cm: Convert Ace highlight rules to the CodeMirror format.

Hightlight.js

highlight.js
highlightjs/highlight.js: JavaScript syntax highlighter with language auto-detection and zero dependencies.

Demo - highlight.js demos both language and theme
Language Definition Guide — highlight.js documentation

Google Code Prettify

🗃️archived

google/code-prettify: Automatically exported from code.google.com/p/google-code-prettify
code-prettify/getting_started.md at master · google/code-prettify

code-prettify/src at master · google/code-prettify languages

Prettify Themes Gallery
Color themes for Google Code Prettify

Hexo 优化之使用 Google Prettify 高亮代码 | 柳志超博客

SyntaxHighlighter

😴inactive

SyntaxHighlighter
SyntaxHighlighter dead

Rainbow

😴inactive

Rainbow - Javascript Code Syntax Highlighting
ccampbell/rainbow: Simple syntax highlighting library written in javascript