<Comparison />

How this was produced

Each library renders the same file at its current release, through its own public API, with the closest Catppuccin port for it. speed-highlight, starry-night, Sugar High and TanStack Highlight have none, so their themes take the highlight.js port's colours, class for class. Those ports are different files, so some colour differences are the theme rather than the parse. speed-highlight has no TSX grammar, so it reads the TSX file as TypeScript. Every file is rendered in Latte and Frappé, and the panel above follows your system's light or dark setting.

A token is a span the highlighter gave a colour to, counted in the output above. Grammars split punctuation and whitespace differently, so read it as how finely the file was resolved rather than as a score. The time beside it is that library highlighting that file: the median of the call that produced the output above, with the highlighter already built and its languages loaded. The Lumis figure is its Rust runtime.