Vibeleaderboard
Index / tool

js-syntax-highlight-html.wasm

qip.dev
Visit qip.dev
Category
Developer Tools
Rank
No. 1223Tools index

Previous survey · No. 1200 ·

Type
TOOL
Use case
Data Processing
Interfaces
CLI
GitHub
123 stars
Date

About

A 12.7 kB WebAssembly component that syntax-highlights JavaScript source into escaped HTML, benchmarked against Shiki, Prism, Sugar High, Starry Night, and gpu-lexer. It highlighted 5.56 MB of minified JS in 265 ms (over 100x faster than Shiki's 34.59 s) while matching Shiki's token labels on 99.97% of characters and producing far smaller HTML output.

What it does

The site describes a small WebAssembly component that takes raw JavaScript text and returns escaped HTML with syntax highlighting spans, meant as a fast alternative to libraries like Shiki, Prism, and Starry Night. It can be used from a CLI, a JavaScript module, or the page's own interactive demo.

Stated on the product site

Input/output format
Takes raw JavaScript text as input and returns HTML with the special characters escaped.
JavaScript module interface
Can be wrapped and called as a JavaScript module when bundled with a tool that supports WebAssembly ES module integration.
CLI interface
Offers a command-line entry point for running the highlighter outside the browser.
Interactive demo
Offers an in-browser demo where a visitor can edit JavaScript and see the highlighted output update live.
Output classing scheme
Highlighted output uses a small, fixed set of eight CSS classes for token types rather than detailed theme-specific token classes.

Not stated on the site

  • The page does not show pricing information for the component or its CLI tool.
  • The page does not show what platforms besides Chrome and Node.js the component has been run on.
  • The page does not show how many programming languages the highlighter supports beyond JavaScript.

Written from the product site at qip.dev.

What it can do

  • Syntax-highlight JavaScript source code into escaped HTML

    JavaScript source code → Escaped HTML with syntax highlighting

  • Run syntax highlighting via command-line interface

    JavaScript source file → HTML output

  • Invoke syntax highlighting as a JS module import

    JavaScript source code → HTML output

Tags

wasmwebassemblysyntax-highlightingjavascriptbenchmarkshikiprismdeveloper-tools

Tech Stack

Go

Media

js-syntax-highlight-html.wasm

Comments (0)

No comments yet

Editorially curated, with community endorsements as a secondary signal. Corrections welcome.