<highlight-editor> Web Component

Original Blog: Font with built-in syntax highlighting

UNLicensed code on GitHub

3 textareas for HTML, CSS and JavaScript code. Syntax highlighting is done with a custom font NOT with JavaScript and 3rd party library.
Right Output window is a live preview of the code. Updated on every keypress.