LeeSinMotion

Generate visual motion specs from After Effects and become an engineer's best friend.

Visual Export

The new HTML Timeline Export feature in v4.0 is a game changer.

Simply scan your animation (Keys, Layer, or Comp), and click the export button. You get a standalone, pixel-perfect HTML file with a visual timeline, precise duration markers, and easing curves.

No more guessing. What you see is exactly what developers need to code.

Rich Data Extraction

[Total Duration] 2000ms Layer: Button - Opacity: 0 → 100% (Linear) Start: 0ms | Duration: 300ms - Scale: 80 → 100% (Cubic Bezier) Start: 100ms | Duration: 500ms Curve: (0.25, 0.1, 0.25, 1.0)

New in v4.0.0

A complete rewrite of the core architecture.

Architecture: Now a fully native CEP Extension (HTML/JS), compatible with After Effects CC 2014 through 2025.

Visual Timeline: One-click export to a beautiful vertical-flow HTML timeline that developers love.

Smart Parsing: Robust logic that never mistakes property values for layers, and automatically adjusts timelines to fit the longest animation.

Key Features

One-Click Export: Generate specific HTML specs instantly.
Range Auto-detect: Timeline ruler automatically expands to fit your longest action.
Clean Layout: Vertical flow design matches modern design specs.
Broad Support: Works on Mac & Windows, AE CC 2014+.

Now supporting

Full Composition Scanning
Single Keyframe Mode (Hidden Export)
Hex Colors & Pseudo Effects

Add-ons

New Counter

Having a visual representation of the elapsed time on screen can often be helpful. Click to a add a new time counter layer at the playhead, and drag the Start and End markers to the beginning of the transition to easily illustrate the global start time.

Alternatively, select a set of keyframes and click to automatically place the Start and End markers around the selected keys.

Ease library

The system generates easing curves as cubic bezier easing functions.

To auto-detect reusable curves, you can customize the ease-library.json file in a text editor and add new curves in JSON format.

"material standard": [ 0.4, 0, 0.2, 1 ],

Install

2019+

In newer versions of After Effects, it is possible to install RubberHose 2 and other scripts without digging through your hard drive.

File > Scripts > Install Script UI Panel…

Restart Ae and InspectorSpacetime will be available in the Window menu at the top of the screen. Scroll down to find the installed scripts

2018 and older

Unzip the InspectorSpacetime.zip download
Copy InspectorSpacetime.jsx do the ScriptUI Panels folder
Restart After Effects
InspectorSpacetime will be available in the Window menu at the top of the screen. Scroll down to find the installed scripts

Why the dumb name?

The tool is named after the Doctor Who parody from the underrated NBC comedy Community. The series sort of falls apart toward the end but it's mostly pretty amazing.

Inspector Spacetime. It's a bad pun. I'm a dad. I can't help it.