ts-syntax-highlighterBlazing-Fast Syntax Highlighting

Quick Example ​

import { Tokenizer } from 'ts-syntax-highlighter'

// Create tokenizer
const tokenizer = new Tokenizer('javascript')

// Tokenize code (async - faster)
const tokens = await tokenizer.tokenizeAsync(`
const greeting = 'Hello World'
console.log(greeting)
`)

// Process tokens
tokens.forEach(line => {
  line.tokens.forEach(token => {
    console.log(`${token.type}: "${token.content}"`)
  })
})

Performance ​

ts-syntax-highlighter is optimized for speed with efficient tokenization:

Our Performance ​

Compared to Alternatives ​

Fast enough for real-time syntax highlighting as you type. View detailed benchmarks →

Why ts-syntax-highlighter? ​

Built for Modern Development ​

Support for the latest language features out-of-the-box:

• ES2024+: BigInt, numeric separators, optional chaining
• TypeScript 5.x: Type operators, utility types, decorators
• JSX/TSX: Complete React and TypeScript JSX support
• CSS4: Modern color functions, container queries, layers

Performance That Matters ​

Real-time syntax highlighting requires speed:

• Sub-millisecond tokenization for most operations
• Non-blocking async mode for large files
• Minimal memory footprint (~3x source size)
• Scales to millions of lines efficiently

Developer Experience ​

TypeScript-first design for the best DX:

• Fully typed APIs with IntelliSense support
• Comprehensive documentation and examples
• Simple and intuitive API
• Flexible configuration options

Supported Languages ​

Explore all language features →

Get Started ​

# Install
npm install ts-syntax-highlighter

# Or with Bun
bun add ts-syntax-highlighter

Read the full documentation →

Meet The Team

Chris Breuer

Open sourceror.
Core Stacks team.
Working at Stacks.js

Glenn

Open sourceror.
Core Stacks team.
Working at Stacks.js

Mike

Open sourceror.
Core Stacks team.
Working at Stacks.js

Zoltan

Open sourceror.
Core Stacks team.

Stacks Sponsors

Click here to become a sponsor.

Contributors