Kinetic Text Timing Calculator

Enter your track BPM to get every note subdivision in milliseconds and frames for sync-perfect animations.

BPM & Settings

Tap 4+ times for accuracy

Timing Values

Note Value Beats Milliseconds Frames

Embed This Tool

Add this calculator to your own site or wiki. It stays live and up to date, with a small credit link back to Infinite Creation.

How to Use the Kinetic Timing Calculator

The Kinetic Timing Calculator helps you plan animation timing for motion graphics sequences. Input duration and number of frames, and the tool calculates frame-per-second (fps) and per-frame timing. Essential for syncing text animations, object movements, and transitions to music beats.

Understanding Animation Timing

Motion graphics live and die by timing. Text that animates too fast looks jarring. Text that moves too slow feels sluggish. Professional work matches animation to music, typically syncing on beat changes or quarter notes.

Common Animation Patterns

Syncing to Music

Use the BPM calculator (elsewhere on this site) to find beat durations, then sync your animations. A 120 BPM track has quarter notes every 500ms. Animating text to enter on each beat creates satisfying visual rhythm.

FAQ

Q: Should I use easing (acceleration/deceleration) on animations?
A: Yes. Ease-out (slow end) looks more natural than linear timing. Ease-in-ease-out (slow start and end) feels polish.

Q: What fps should I animate at?
A: Match your video's frame rate (24fps, 30fps). Animating at 60fps for 30fps video wastes effort.

Worked examples: musical timings in frames

Animation timings for the tempos and frame rates most edits use. Read the duration in milliseconds for keyframe spacing, and the frame counts for placing cuts on a timeline that counts frames rather than time.

Note valueTempoDurationFrames at 24Frames at 25Frames at 30
Whole note100 BPM2400.0 ms57.6060.0072.00
Whole note120 BPM2000.0 ms48.0050.0060.00
Whole note140 BPM1714.3 ms41.1442.8651.43
Half note100 BPM1200.0 ms28.8030.0036.00
Half note120 BPM1000.0 ms24.0025.0030.00
Half note140 BPM857.1 ms20.5721.4325.71
Dotted quarter100 BPM900.0 ms21.6022.5027.00
Dotted quarter120 BPM750.0 ms18.0018.7522.50
Dotted quarter140 BPM642.9 ms15.4316.0719.29
Quarter note100 BPM600.0 ms14.4015.0018.00
Quarter note120 BPM500.0 ms12.0012.5015.00
Quarter note140 BPM428.6 ms10.2910.7112.86
Dotted eighth100 BPM450.0 ms10.8011.2513.50
Dotted eighth120 BPM375.0 ms9.009.3811.25
Dotted eighth140 BPM321.4 ms7.718.049.64
Eighth note100 BPM300.0 ms7.207.509.00
Eighth note120 BPM250.0 ms6.006.257.50
Eighth note140 BPM214.3 ms5.145.366.43
Triplet eighth100 BPM200.0 ms4.805.006.00
Triplet eighth120 BPM166.7 ms4.004.175.00
Triplet eighth140 BPM142.9 ms3.433.574.29
Sixteenth note100 BPM150.0 ms3.603.754.50
Sixteenth note120 BPM125.0 ms3.003.133.75
Sixteenth note140 BPM107.1 ms2.572.683.21

Whole frame counts are the ones to build on. At 120 BPM and 24 fps a quarter note is exactly 12 frames, so cuts land cleanly. Where a value comes out fractional, rounding to the nearest frame drifts against the music over a long sequence, so reset to a whole beat at each bar rather than accumulating the error.

Vocabulary

Keyframe. A marked point where a property has a defined value. The software calculates the values between keyframes, so their spacing sets the rhythm of a move.

Subdivision. A fraction of one beat. Eighth notes divide a beat in two, sixteenths in four. Matching animation timing to a subdivision ties the movement to the music rather than fighting it.

Frame. The smallest unit a timeline can cut on. At 24 fps each frame lasts about 41.7 milliseconds, so timings finer than that cannot be placed exactly and have to round.

Tempo. The speed of the music in beats per minute. Every timing here derives from it, because one beat lasts 60,000 milliseconds divided by the tempo.

Translate this page

Machine translation provided by Google Translate, on Google’s servers. We do not check these translations and they will get technical terms wrong. The English page is the authoritative one. Following a link sends this page’s address to Google. Your browser may also offer to translate this page itself, which keeps the request on your device.