JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/wpe-lightning@1.10.0/dist/lightning.js"></script>
<div id="app"></div>

JavaScript

class Example extends lng.Application {
  static _template() {
    return {
      flex: true, x: 15, y: 15,
      shader: {type: lng.shaders.Outline, width: 1},
      Top: {
        text: { text: 'Top\nTop', lineHeight: 120, highlight: true, highlightColor: 0xcc665544}
      },
      Middle: {
        text: { text: 'Middle\nMiddle', lineHeight: 120, highlight: true, highlightColor: 0xcc665544, verticalAlign: 'middle'}
      },
      Bottom: {
        text: { text: 'Bottom\nBottom', lineHeight: 120, highlight: true, highlightColor: 0xcc665544, verticalAlign: 'bottom'}
      }
    }
  }
}

const options = {
  stage: {
    w: 900,
    h: 900,
    clearColor: 0xFF000000,
    canvas2d: false,
    useImageWorker: false
  },
  debug: true
}
const app = new Example(options);
document.body.appendChild(app.stage.getCanvas());