---
title: "Shiki Magic Move"
description: "Tools for animating changes between highlighted code blocks."
pagination: false
---

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

<PurposeNote title="Good for">Showing how code evolves during a tutorial or presentation.</PurposeNote>

## What it does

Tools for animating changes between highlighted code blocks.

## When it fits

Showing how code evolves during a tutorial or presentation.

## 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.
- [Lowlight](/code-highlighting/lowlight) — Rendering highlighted code through a custom virtual-DOM integration.
- [Shiki](/code-highlighting/shiki) — Rendering code samples with coloring similar to a code editor.
- [Speed Highlight](/code-highlighting/speed-highlight) — Adding highlighted code samples to webpages and documentation.

</div>

## Source

[Project source for Shiki Magic Move ↗](https://shiki-magic-move.netlify.app/)

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)