Based on the work of Josiah Winslow posted on Hachyderm.
<TikTokTextBox> is a React component that mimics the TikTok text box style. This was designed to be used with Remotion, but can be used with any React project.
<TikTokTextBox lines={["Align Left", "with two lines", "Third Line"]} align="left" fontFamily="Arial" bgColor="red" /> <TikTokTextBox lines={["Align Center", "short", "Third Line"]} align="center" fontFamily="Proxima Nova Semibold" /> <TikTokTextBox lines={["Align Right", "with two lines", "Third Line"]} align="right" bgColor="#FF683E" textColor="black" />