index.html
<div data-composition-id="hero"> <h1 class="clip" data-start="0" data-duration="5"> Launch Day </h1> <p class="clip" data-start="0.8" data-duration="4"> The future of video </p> <!-- GSAP handles animation --> <script> tl.from("h1", {y: -60, opacity: 0}) tl.from("p", {y: 40, opacity: 0}) </script> </div>
rendered output
Launch Day is here.

The future of video

Get started
Data Charts
HyperFrames @hyperframes
Write HTML. Render video.
Social Overlays
Shader Transitions
BOLD
Kinetic Type
App Showcases
Write HTML · Render Video · Built for agents