Examples.

Every shipped example, what it teaches, and how to run it. All 25 previews below are real renders, looping.

Run any

terminal

kyfram render --out /tmp/<name>.mp4 examples/<name>.lgv
kyfram render --format png --out /tmp/<name>.png examples/<name>.lgv
kyfram view examples/<name>.lgv

The files

intro.lgv2s / start here

Ball glide + caption. Two keyframes, 12 lines.

hover to play

wave.lgv4s

Morphing wave, gradient sun, blend halo, path sail, text on a path.

hover to play

groups.lgv3s

Group orbit, scale, rotate — children keep local x/y.

hover to play

dash.lgv10s / product cut

Spike/cube helpers, camera pans, music.

hover to play

scenes.lgv8s / chained

Two scenes, hard cut then crossfade — scene-local times, auto offsets.

hover to play

transitions.lgv8s / all modes

cut, fade, push, wipe, iris, zoom, dip-to-black, flash in one file.

hover to play

patterns.lgv3s / stamp()

One slide motion stamped into three circles plus a pulse.

hover to play

camera.lgv4s

Keyframed pan and zoom with sine easing.

hover to play

ease.lgv2s

linear vs easeIn side by side.

hover to play

bounce.lgv4s

Gravity bounces with changing colors and sloshing guide lines.

hover to play

showcase.lgv3s

Three-stop tour — ball, line, title.

hover to play

solar.lgv8s / computed orbits

Five tilted eccentric orbits, breathing gradient sun, moon, jupiter ring — all motion computed in loops.

hover to play

voice.lgvTTS

Minimal TTS + word loop (audio demo).

hover to play

intro_voice.lgvTTS

Neural voice, word-synced captions, ring loader.

hover to play

vars.lgvbatch

--var templating + text_file() copy.

hover to play

audio.lgv2s

Beep aligned to the ball crossing center.

hover to play

rect.lgv2s

Sliding, recoloring rectangle.

hover to play

roundrect.lgv3s

Animated rounded rect + radius.

hover to play

polygon.lgv3s

Filled morphing triangle.

hover to play

star.lgv3s

5/6-point stars, inner ratio + rotate.

hover to play

ellipse.lgv3s

Ellipse rx/ry vs circle r.

hover to play

line.lgv2s

Sweeping line, recoloring.

hover to play

spinner.lgv3s

Ring + rotating arc hand, live labels.

hover to play

text.lgv2s

Growing text, snapping content.

hover to play

image.lgv2s

PNG asset gliding.

hover to play

hello.lgv120s

Long-form greeting with loader and outro.

hover to play

phone.lgv4s / portrait

Phone mockup — rise, 360° flip, glow + floor shadow. Portrait 720×1280.

hover to play

Helpers

examples/helpers/ holds shareable functions inlined with use — spike.lgv (spikeAt) and cube.lgv (addJump) drive dash.lgv's product cut.

← PreviousCLI Next →Concepts