gallery

Built with motiscope.

Real animations, recreated as code — with the whole workflow shown. The part people never share.

Every build shows the full chain: the real source recording · motiscope's raw, unedited analysis (report + the frames it actually used) · the output code · and an honest note on what matched and what was tuned. If it got something wrong, we show it.

Featured build

A Dribbble concept — analyzed, then rebuilt as a live page.

Alterfx — AI videography coach

Hero, scroll-zoom into the phone, a staggered feature grid, sparkle transition and FAQ — timing from motiscope's analysis, photos by Imagen 4, built with GSAP + ScrollTrigger.

scroll-zoomstaggersparkle wipeGSAP

Open live recreation → Original on Dribbble ↗

What's recreatable

motiscope reads motion from pixels over time — strong at 2D UI motion, honest about the edges.

example coming

Hero entrance

Fade + rise + scale on load. Timing & easing measured end-to-end.

Tier 1 · nails itGSAP

example coming

Staggered grid

Cards/features animating in with an inferred left-to-right stagger.

Tier 1 · nails itCSS

example coming

Loader / loop

Looping spinner — loop detection reports the period → repeat/yoyo.

Tier 1 · nails itSVG

example coming

Scroll reveal

Scroll-triggered section. Motion captured; tag it → GSAP ScrollTrigger.

Tier 2 · you add the triggerGSAP

Share yours

Recreated something? Add it — real source, raw analysis, output.

Submit your build Show & tell ↗ Examples on GitHub ↗