HyperFrames Gradient

CREATE VIDEOS

WITH CODE

LIVE PREVIEW

index.html
<div
  data-composition-id="main"
  data-duration="10"
  data-width="1920">

  <!-- Timed clip -->
  <div
    class="clip"
    data-start="0"
    data-duration="5"
    data-track-index="1">
    Your content here
  </div>

</div>

Terminal

$ npx hyperframes init my-video

$ npx hyperframes preview

$ npx hyperframes render

hyperframes

Write HTML. Render Video.