---
title: "Explain code visually"
description: "Highlight source code and create annotated or animated walkthroughs."
pagination: false
---

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

<PurposeNote title="Start with the tradeoff">Check rendering targets, language support, and the amount of interactive explanation your content needs.</PurposeNote>

## Options for this task

<LibraryIndex category="code-highlighting" />

<LibraryCard libraryId="code-hike" />

<LibraryCard libraryId="expressive-code" />

<LibraryCard libraryId="lowlight" />

<LibraryCard libraryId="shiki" />

<LibraryCard libraryId="shiki-magic-move" />

<LibraryCard libraryId="speed-highlight" />

## Before you decide

Try a small, realistic example. Check the runtime, accessibility, maintenance, and license requirements for the features you need.

[Browse code highlighting →](/code-highlighting)

[Explore more tasks →](/tasks)