Motion graphics

in plain HTML.

made by you or your AI coding assistant

01 · SHOP PROMO

9:16price slamone data file, three shops

Promos for every shop.

02 · FEATURE LAUNCH

cursor and taptyped reply16:9

Show the product, not a slide.

03 · YEAR IN NUMBERS

counting numberbars from datagoal ring

Your data, counted up.

04 · PRODUCT SPOTLIGHT

4:5glass shinecallouts

Point at what matters.

05 · EVENT COUNTDOWN

number flipparticleschrome logo

Count down to the launch.

06 · B-ROLL LOOPS

seamless loopsany resolution

Loops under your titles.

Give characters something to say.

Type. Patterns. Motion.

Light splits into colour

Spark / Form · one complete title story

Change one line. Render again.

examples/titles.html

// the page is the source of the film

preview

terminal

$ bash video/build.sh examples/titles.html

render 1 · frame 0 / 540

render 2, another browser · frame 0 / 540

2 renders · 0 differing frames · −14 LUFS

▶ titles.mp41920 × 1080 · 18 s · with sound

Effect library · selectable variants · frame-by-frame export

Fork it.

github.com/howardc38/motion-fx-lab

0BSD · use it for anything

★ Star it