Space Type Generator

Prompt

Recreate this kinetic typography tool: https://spacetypegenerator.com/ You'll want to build a web app with a central canvas and two control panels. The right panel lists motion styles like "CYLINDER," "STRIPES," "BADGE," and "CRASH," which define how the text moves. Clicking one changes the main effect. On the left, there's variable controls like speed, size, complexity, and volume, dependent on the selected style. Below that, there are usually text inputs to change the words and buttons to save. At its core, you need a system that takes text, applies a predefined animation logic, and renders the result dynamically on screen. basic sliders, like "Speed," "Size," and "Complexity," affect each style differently. In "CYLINDER," they control the rotation speed and cylinder dimensions. "STRIPES" has settings for ribbon wave height and stripe count. "BADGE" creates a tunnel effect with presets like "Speed Racer" or "Last Time," where controls might change tunnel depth or spin.