Built with the Gladtek Motion Clone Skill

Frame-verified video clone

Important

Star this repository to support future open source releases!

We have 10 other full video clone projects and technique studies built with the same precision and pipeline waiting in the queue.

Give this repo a ⭐ Star and follow GladTek. Community support directly drives our decision to open-source the rest of the projects.

The objective: clone ElevenLabs' Composer announcement video frame for frame.

Rebuilt as live DOM with HyperFrames: 14 scenes over 59.12s, pure HTML/CSS/JS driven by GSAP. No baked footage: every waveform, card and section pill is a real element on a seekable timeline.

Every camera move, card position, bar height and colour was measured off the source frames rather than eyeballed, then checked back against the original.

Result Video & Screenshots

Click the preview above to view the full rendered MP4 (docs/composer-result.mp4).

Rendered straight out of the composition - no compositing, no post.

Storyboard

All 14 scenes on one board in HyperFrames Studio, each with its status, duration and transition, and a comment box for change requests.

Structure

index.html        orchestrator - one slot per scene, plus the audio track
STORYBOARD.md     plan layer - one entry per scene, status/src/timing/caption
compositions/     14 scene files, one per shot
assets/           card fills, fluid backdrops, thumbnails, audio, logo

Each scene registers a single paused GSAP timeline under its composition id; index.html only declares the slots and their timing.

Run

npx hyperframes check      # validate - lint, layout, motion, contrast
npx hyperframes preview    # preview in Studio
npx hyperframes render     # 1920x1080 mp4 into renders/

render outputs full HD by default; the canvas is 1920x1080 and the bitmap assets are authored for it, so higher --resolution presets upscale rather than add detail.

---

Unaffiliated with ElevenLabs - built as a technique study.