Demos

Each demo is one page. Most carry Kinetic's preview bar, which plays, scrubs and checks the page and renders it to an MP4 in Chrome with HTML-in-Canvas enabled.

Showreel

A 29-second motion reel in eight scenes.

KineticTrilliumthree.jstransitions

Demo Code

Empty Docks

A data story on a 3D town, with music.

KineticTrilliumthree.jsaudiodata

Demo Code

Launch Title

A title card with a pool of dust and text you can change.

Kineticpoolscomposition variables

Demo Code

Speed Ramp

One clip beside the same clip time-remapped, its sound following.

Kineticvideoaudiodata-remap

Demo Code

A Cosmos, Drawn

A botanical study in colored pencil, drawn on stroke by stroke.

Kineticdraw()

Demo Code

Sales Chart

A bar chart race whose rows come from a query.

Kineticdata-querylists

Demo Code

Captions on a Beat

Captions and a pulse from a transcript and a beat file.

KineticHyperFramescaptions()data-query

Demo Code

Why Sine Waves Come From Circles

A lesson in four steps that also plays as a video.

Kineticlessoninteractive mode

Demo Code

A Lesson's Layout

The layout every lesson uses, with its controls inside the 16:9 frame.

Kineticlesson

Demo Code

Made from a Prompt

Four pieces an AI assistant made from one prompt each.

Kineticthe skill

View