Recipes

Linked HTML with CSS theme file

Render HTML linked output and style it with a theme CSS file.

import '@lumis-sh/themes/css/catppuccin_frappe.css'
import {highlight} from '@lumis-sh/lumis'
import {htmlLinked} from '@lumis-sh/lumis/formatters'
import javascript from '@lumis-sh/wasm-javascript'

const html = await highlight(
  'const x = 1',
  htmlLinked({language: javascript, preClass: 'demo'}),
)

See CSS Theme Files for stylesheet mounting details.

Auto-detect language

Let Lumis infer the language from content, filename, or shebang.

Tailwind CSS

Load Lumis theme CSS next to Tailwind v4 and style code lines with utilities.