Browsers / CDN

<script type="module">
  import {highlight} from 'https://esm.sh/@lumis-sh/lumis'
  import {htmlInline} from 'https://esm.sh/@lumis-sh/lumis/formatters'
  import javascript from 'https://esm.sh/@lumis-sh/lumis/langs/javascript'
  import frappe from 'https://esm.sh/@lumis-sh/themes/catppuccin_frappe'

  document.getElementById('output').innerHTML = await highlight(
    'const x = 1',
    htmlInline({language: javascript, theme: frappe})
  )
</script>
<div id="output"></div>

See WASM and CDN for resolver details.