huozhi/sugar-high

Health v2 · maintenance only

Flags: no_license

Adoption not part of the score

1294 stars · 28 forks observed · 2026-09-03

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

Sugar High is a super lightweight, zero-dependency syntax highlighter library that tokenizes source code into styled spans with a tiny custom parser. It ships with 25 built-in languages (JavaScript/JSX and TypeScript by default), light/dark token palettes driven by CSS variables, and integrates with React and remark-based Markdown pipelines.

Use cases

• add syntax highlighting to code blocks in my react blog
• lightweight alternative to prism or shiki for code highlighting
• highlight code snippets in markdown docs via a remark plugin
• display jsx and typescript snippets with colors on my site
• zero-dependency syntax highlighter that keeps bundle size small
• theme code block token colors with css variables for light and dark mode
• highlight code in a static site without shipping heavy grammar files

When to choose

• you need minimal bundle size and zero runtime dependencies
• you want full CSS control over token colors via custom properties and per-line styling
• you render JavaScript, JSX, TypeScript, or any of its 25 built-in languages in React or remark/MDX sites
• you prefer a tiny tokenizer over heavyweight grammar engines

When to avoid

• you need exhaustive or highly accurate grammar coverage for complex or obscure languages
• you want a batteries-included ecosystem with many official plugins, line-number widgets, or UI chrome
• you require IDE-grade highlighting fidelity for deeply nested or templated code

Facets

library · maturity active

parser editor markdown web-development frontend developer-tools documentation browser syntax-highlighting code-block tokenizer zero-dependency lightweight remark-plugin react jsx css-variables themeable prism-alternative shiki-alternative code-display nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="huozhi/sugar-high")