Project

code-highlighter

Visit live site ↗GitHubLast deployed Jul 13, 2026

A lightweight, zero-dependency tool that syntax-highlights pasted code and adds line numbers, formatted for clean printing — built for classroom handouts.

Tags

  • Teacher Tools

Stack

  • Highlight.js — What this tool uses. 190+ languages, multiple themes. Live demo on their site.
  • Prism.js — Lightweight, modular. Built-in line numbers. Good for minimal setups.
  • Shiki — Modern syntax highlighter used by VS Code. Clean output, many themes.
  • Carbon — Beautiful code screenshots. Dark theme, but hard to print (that's why we built this).
  • Codepen — Full IDE, overkill for just highlighting but good for interactive demos.
  • Pygments — Python-based. Generate HTML/PDF with custom styling. Powerful but requires setup.
  • Bat — Modern cat replacement with syntax highlighting. Great for terminal work.
  • White background for printing
  • Line numbers for student reference
  • Syntax colors that stay visible on paper
  • Zero setup — open the file (or the URL) and go

Screens

Video

Walkthrough video coming soon