The Motion Library
How great motion works.
The techniques behind every launch video worth watching — defined, demonstrated live, and annotated with how Impractical uses each one.
Easing
live previews
ease-out
ease-in
linear
Ease-out vs ease-in→
The first rule of motion: how a move starts and ends decides how it feels.
Overshoot→
Go past the target, come back — motion with confidence.
promo-out
cubic-bezier(.19, 1, .22, 1)
Promo-out ease→
The house entrance curve: fast arrival, long settle.
promo-inout
cubic-bezier(.86, 0, .07, 1)
Promo-inout ease→
The camera curve: commit, travel, land clean.
launch-out
cubic-bezier(.1, .9, .2, 1)
Launch-out ease→
The snappy micro-cut curve for launch pacing.
Settle→
The tiny after-motion that makes a landing feel designed.
Spring pop→
Small objects scale in with a controlled bounce.
Type
live previews
Launch day.
Masked text reveal→
Words rising out of an invisible slot — the house classic of kinetic type.
Make me a launch video.
Typewriter→
Text that arrives character by character, like it's being written live.
IMPRACTICAL
Scramble text→
Characters cycle through noise before locking into the message.
Ten tabs.
Zero time.
Ship louder.
Kinetic typography→
Type as the actor, not the caption.
Stagger→
Nothing lands together: offset every arrival by a breath.
Heads up.
Fall reveal→
Text drops into its mask instead of rising from it.
In focus.
Blur reveal→
Words resolve from softness into focus.
Wave motion
Wave text→
Characters arrive in a rippling cascade.
Flip it.
Flip text→
Characters rotate up from edge-on into readable type.
Pop!
Pop text→
Letters scale into place with a quick punch.
Slide in.
Slide reveal→
Words enter laterally with direction and pace.
Wipe on.
Wipe text→
A moving edge uncovers the copy.
Boing.
Elastic text→
Characters stretch from the baseline, then snap back.
Arc in.
Arc text→
Characters swing into place along a curve.
Streak by.
Streak text→
Lines enter fast with motion blur and direction.
0
installs this week
Count-up→
A number climbs while the camera spends attention on it.
Emphasis.
Drawn underline→
A stroke draws under the word that matters.
All gone.
Text exit→
How words leave matters as much as how they arrive.
Camera
live previews
this week
128 triaged
Punch-in→
A fast push toward the subject — attention, spent deliberately.
The problem.
The product.
Whip pan→
A violent pan blurred at the midpoint — the cut you never see.
Meet Acme.
shipping, handled.
scale 1.00 → 1.06 · ease: none
Camera drift→
The slow push that keeps a held shot alive.
Zoom-out reveal→
Start on the detail, pull back to reveal the system.
Inside.
Zoom-through→
Dive into a graphic element until it becomes the next scene.
Parallax→
Foreground and background move at different speeds.
Foreground
Background
Focus pull→
Blur shifts attention from one subject to another.
Impact.
Screen shake→
A quick jolt for impact, not a permanent style.
Recenter→
Move the camera so the next subject owns the frame.
Cuts & pacing
live previews
Acme.
Match cut→
Two shots joined by a shared shape — the most elegant cut in film.
124 bpm · land on the beat
Cutting on the beat→
Every cut, landing, and pop placed on the music's grid.
Before.
After.
No fades.
Hard cut→
No transition at all — the boldest edit there is.
Before
After
Wipe transition→
A graphic edge pushes one scene out of the way.
Reveal.
Iris transition→
A circular mask opens or closes around the subject.
Loaded.
Pixel dissolve→
The frame breaks into tiles before the next shot appears.
fast · slow-mo · fast
Speed ramp→
Accelerate through low-value motion, slow down on the moment.
The reveal.
Cut.
hold ≤ 3 beats, then cut
Hold time→
The pause that lets a viewer actually read the beat.
quietly…
SHIP IT.
Pattern interrupt→
Break the rhythm before the audience tunes it out.
Before
After
Split-screen cut→
Two states share one frame before one wins.