---
title: "Lowlight"
description: "Syntax highlighting that produces a virtual syntax tree."
pagination: false
---

{/* Generated from content/. Edit the catalog, not this page. */}

<PurposeNote title="Good for">Rendering highlighted code through a custom virtual-DOM integration.</PurposeNote>

## What it does

Syntax highlighting that produces a virtual syntax tree.

## When it fits

Rendering highlighted code through a custom virtual-DOM integration.

## Other options in this category

<div data-pagefind-ignore>

- [Code Hike](/code-highlighting/code-hike) — Building interactive code walkthroughs and technical storytelling pages.
- [Expressive Code](/code-highlighting/expressive-code) — Publishing code examples with highlighting, annotations, and presentation features.
- [Shiki](/code-highlighting/shiki) — Rendering code samples with coloring similar to a code editor.
- [Shiki Magic Move](/code-highlighting/shiki-magic-move) — Showing how code evolves during a tutorial or presentation.
- [Speed Highlight](/code-highlighting/speed-highlight) — Adding highlighted code samples to webpages and documentation.

</div>

## Source

[Project source for Lowlight ↗](https://www.npmjs.com/package/lowlight)

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

[Explain code visually →](/tasks/explain-code-visually)

[All code highlighting options →](/code-highlighting)