// the find
jamiebuilds/spectacle-code-slide
:metal: Present code with style
A Spectacle plugin that lets you step through code line-by-line during presentations, highlighting ranges and optionally overlaying images or notes. Built for conference talks where you want to walk an audience through a piece of code without context-switching to an editor.
- The ranges API is clean — you define exactly which line ranges to highlight and step through them with arrow keys, which is exactly what you need for live code walkthroughs
- Image overlay per range is a clever touch for 'magic happens here' moments without leaving the slide deck
- Tiny surface area: the whole thing is ~7 source files, so there's nothing mysterious happening
- Abandoned since November 2018 and tightly coupled to Spectacle v1 — Spectacle has gone through major breaking API changes since then, so this won't work with any current Spectacle version without significant rework
- No TypeScript, no types at all — fine for 2018, but if you're building a new talk setup today you'll be reading source to understand the range shape
- The `raw-loader` pattern in the example is webpack 3 era; modern bundlers handle this differently and the docs don't acknowledge it
- 4k stars but 164 forks and no recent activity suggests most users hit the Spectacle version wall and moved on rather than fixing it