Operating System · Free

Now with HeyGen HyperFrames — editable HTML motion, a pinned local renderer, and the studio craft toolkit. Free.

Build motion graphics from editable HTML, CSS and SVG with the new hyperframes/ feature pack: HeyGen HyperFrames 0.8.40, GSAP 3.13.0, an original starter composition, buyer CLI, dependency checks and setup guide. The existing Three.js motion tools, clipping, voice and film-planning workflows remain available as separate lanes. You or your coding agent author the edit, render it and review the result. This is a downloadable source toolkit, not a hosted app or an automatic finished-video service.

Download Free Download free

AI Video Studio Kit · console

NEWactive

Original editable sta…active

Legacy Three.js motio…active

Film and shot-plannin…active

0.8.40

Pinned HeyGen HyperFrames runtime

0.8.40

Pinned HeyGen HyperFrames runtime

0.13.0

Pinned GSAP animation dependency

Standalone download — no email or payment

HTML / CSS / SVG

Editable starter composition and local rendering

Three.js

Legacy motion tools remain a separate lane

Bring your media

Third-party reference footage and image pools are omitted

How it works

The exact pipeline, end to end.

Install the pinned HyperFrames feature pack

Check dependencies and open the original starter

Author HTML / CSS / SVG with a GSAP timeline

Render locally with your authorized media

Inspect, revise and review the video

Format

Source toolkit + HyperFrames starter

Delivery

Free download — no email

License

Component-specific terms; see LICENSES.md

Requires

Node 22.12+ · npm · browser/runtime · ffmpeg

How it actually works

Exactly what it does — and when.

1New HyperFrames lane → hyperframes/ contains the buyer feature pack for pinned HeyGen HyperFrames 0.8.40 and GSAP 3.13.0, with an original editable starter, CLI, dependency checks and documentation.

2Authoring → you or your coding agent edit HTML, CSS and SVG, and drive motion with a GSAP timeline. The starter is source material to adapt, not an automatically completed edit.

3Rendering → install Node.js 22.12+, npm dependencies, the documented browser/runtime and ffmpeg. Render locally and inspect the actual result for layout, timing, audio and delivery suitability.

4Legacy motion → the existing Three.js renderer and compositions remain a separate lane. Their seek contract is not interchangeable with the new HyperFrames timeline contract.

5Other studio lanes → film planning, longform tools, clipping, reframing, captions, transcription and voice tools retain their own setup requirements. Optional remote models and generators may send selected inputs and incur provider fees.

6Media and licensing → third-party reference footage and image pools are omitted. Use authorized media and read the component licenses; the owner's private orchestration and review/export system are not shipped.

In practice · Adapt the starter into a short branded motion piece

An editor downloads the free kit, follows the HyperFrames setup guide and runs the dependency check. They replace the starter's text and styling with their own material, adjust the GSAP timing and render a local preview. They inspect dense frames, revise the layout and check the final video before using it. If the project needs generated media or model assistance, they configure those services separately, check cost and privacy settings, and supply only authorized inputs. This illustrates a workflow, not a promised turnaround or automatic result.

This vs the alternative

Why it's clearly worth it.

This product

Assembling a source toolkit from scratch

Download

Free source kit; optional provider fees are separate

Find and evaluate each component yourself

Motion

HyperFrames 0.8.40 + GSAP 3.13.0; legacy Three.js stays separate

Choose versions and establish engine contracts

Starting point

Original editable starter, buyer CLI and setup checks

Build the first composition and setup guide

Review & rights

Author and review each edit; bring authorized reference media

Establish your own review and licensing process

The shift it creates

Without it

Unclear setup and dependency versions
Mixing incompatible motion-engine contracts
Unreviewed output and unclear media permissions

→

With AI Video Studio Kit

Start from an original editable composition
Keep the two motion engines clear
Use the wider studio when the brief needs it

Use it to…

Real ways people put AI Video Studio Kit to work.

Animate an editable HTML composition

Install the documented dependencies, check the HyperFrames setup, adapt the original starter and render locally. Review the actual output before delivery.

Add titles, diagrams or callouts

Author text and SVG motion with a GSAP timeline, align it to your intended beats and inspect timing and legibility. Finishing and review remain your work.

Keep an existing Three.js project

Continue using the legacy motion tools and their own renderer. The new HeyGen HyperFrames lane is an addition, not an automatic migration.

What's inside

NEW — HeyGen HyperFrames 0.8.40 + GSAP 3.13.0: pinned local HTML/CSS/SVG motion-rendering feature pack in hyperframes/.

Original editable starter composition, buyer CLI, dependency checks and setup documentation — author, render and review your own edit.

Legacy Three.js motion tools remain separate; existing compositions are not automatically migrated to the HyperFrames timeline contract.

Film and shot-planning guides — character sheets, location bibles, continuity checks and generation-provider guidance.

Transcript-based clipping, vertical reframing and captions — optional model-assisted selection uses your configured provider; review timing and framing.

Longform workflows, motion overlays and shot recipes — component-specific setup and license notices apply.

Local transcription and voice tools — install their documented dependencies; optional remote generation is configured separately.

Craft guides, cookbooks and coding-agent skills — third-party reference footage and image pools are omitted; add your own authorized media.

Setup: Node.js 22.12+, npm dependencies, browser/runtime and ffmpeg for the HyperFrames lane; other lanes have their own requirements.

Free standalone download. Remote model/generation calls may send selected inputs and incur provider fees. This feature pack does not ship the owner's private Studio orchestration or review/export gates.

Who it's for

Creators comfortable with source-based tools

Edit the original HyperFrames starter directly, or use a coding agent to help author and refine a composition.

Motion designers using HTML, CSS and SVG

Build GSAP timeline motion with a pinned local renderer while keeping legacy Three.js projects separate.

Editors working with their own footage

Combine the planning and finishing guides with the clipping, transcription and longform tools appropriate to your project.

Questions, answered

✓ Free · no email✓ Yours to own✓ Use on every project✓ Built to ship results