PWAxcode
Beyond highlighting

Turn static snippets into interactive, readable, playable code.
Everything you need to make code feel alive.

async _runStepOnce() { if (!this._player.steps.length) return; const total = this._player.steps.length; const i = Math.max(0, Math.min(this._player.idx < 0 ? 0 : this._player.idx, total - 1)); const step = this._player.steps[i]; if (this.opts.playerShowNotes && step.note) { this.setFooterText?.(step.note, '.text-start'); } this._emit?.('player', { phase:'stepStart', index:i, step, note: step.note || null }); this._player.busy = true; try { await this._runStep(step, i); } finally { this._player.busy = false; } this._emit?.('player', { phase:'stepEnd', index:i, step }); this._player.idx = Math.min(i + 1, total - 1); this._emit?.('player', { phase:'preview', index:this._player.idx }); this._syncProgress?.(); }

For Readers

Instant clarity: crisp syntax highlighting, themes, and accessible UI out of the box. Search inline, focus important lines and use the sticky column ruler to read long code comfortably. Collapse blocks to skim, expand to learn. Everything is tap-friendly on mobile and smooth on desktop.

For Authors

Built-in tokenizers (JS/HTML/CSS/JSON/SQL) plus a plugin API; runtime theming with multiple presets. i18n hooks and ARIA-ready controls; auto-init or per-snippet options. Guide your audience with the Player DSL—step through code without a heavy editor.

Play code, don’t just color it!

Play the tour

Extend. Customize. Guide.

From plugin tokenizers to live theming and a built-in Player
PWAxcode turns code into experiences.

Extensible by design

Plugin-friendly tokenizer API: add languages or override rules without forking. Lifecycle hooks for render, search, folding, and player events—DOM-safe by default. International out of the box: i18n catalogs, locale switching, pluralization, RTL.

Customize everything

Theme with CSS variables and presets; swap dark/light/funky/relax at runtime. Tune layout: line numbers, sticky ruler (top/bottom, full/decades), wrap, dedent, focus ranges. Compose the UI: header/footer/floatbar, keyboard & touch haptics, ARIA-first controls.

Guide with the Player

A tiny DSL to choreograph steps, highlights, and popups—tap-to-continue, autoplay, progress. Inline search with hit navigation; folding with summaries; fullscreen, copy/download, caret. Full API: start/stop, jump to step, listen to events, remember state—mobile-ready.