JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/102/three.js"></script>

JavaScript

var scene = new THREE.Scene();
var camera = new THREE.OrthographicCamera(-5, 5, 5, -5, -5, 5);
var renderer = new THREE.WebGLRenderer({
    antialias: true,
    alpha: true
});
renderer.setSize(400, 400);
document.body.appendChild(renderer.domElement);
var geometry = new THREE.PlaneGeometry(1, 1);
var bitmap = document.createElement('canvas');
var g = bitmap.getContext('2d');
var floatingTitle = "Sample Text";
bitmap.width = 84 * 10;
bitmap.height = 84;
g.font = 'Bold 72px Arial';
g.fillStyle = 'blue';
g.fillText(floatingTitle, 0, 70);
var texture = new THREE.Texture(bitmap);
texture.minFilter = THREE.LinearFilter;
texture.needsUpdate = true;
var textBg = new THREE.Mesh(geometry, new THREE.MeshLambertMaterial({
    map: texture,
    transparent: true
}));
textBg.scale.set(10, 1, 1);
scene.add(textBg);
scene.add(new THREE.AmbientLight(0xffffff));

function animate() {
    requestAnimationFrame(animate);
    renderer.render(scene, camera);
}
animate();