webcopy ®

Motion forensics for the web

Motion forensics / public read

No. 001

Every site has a pulse.

Paste a link. webcopy reads the delivered HTML, CSS and JavaScript, then counts every keyframe, transition, scroll rig, library and design token it can find — and gives you the receipts.

Public pages / no login

After the homepage, the crawl follows same-site links — About, Contact, Work — and reads each with the same animation and design analysis.

Try →

Reads HTML / CSS / JS Static, never screenshots Nothing stored

01 / Method

We don’t watch.
We read.

Most motion audits rely on a recording. We prefer the source. webcopy fetches the public document, follows its stylesheets and scripts, and reconstructs what the page intends to do.

That means you see the systems — not just the frames that happened to be on screen. The result is a dense, exportable readout for designers, engineers and the incurably curious.

01

Capture

Read the room.

We fetch the public page and its linked stylesheets and scripts within strict size and network limits. With the crawl on, the same read travels through the site's own links.

HTMLCSSJSCrawl
02

Trace

Follow the signal.

Every @keyframes block, animation shorthand, transition, scroll timeline and JavaScript trigger is pulled into one normalized record. Libraries and browser APIs are named.

MotionLibrariesScroll
03

Read

Leave with receipts.

Colors, type stacks, radii, shadows, assets, headings, links and forms become a searchable field report. Download the whole thing as clean JSON — or copy a single agent prompt that carries the motion and design system into your next build.

DesignAssetsPromptJSON

02 / Scope

Anatomy
of a page.

Four ledgers, one read — plus a copy-ready agent brief. The report is built to be browsed like a specimen: start with motion, then wander into the design system, the asset list and the source inventory.

A

Motion

  • Keyframes & frame maps
  • Animation assignments
  • Transition rules
  • JS libraries & triggers
  • Scroll, SVG & canvas
  • Reduced-motion coverage
B

Design

  • Color frequency
  • Type families & scale
  • Radii & shadows
  • Gradients
  • CSS custom properties
  • Breakpoints
C

Assets

  • Images & srcsets
  • Video & embeds
  • Stylesheets & scripts
  • Font files
  • CSS backgrounds
  • Every outbound link
D

Structure

  • Heading outline
  • Landmarks & sections
  • Forms & input types
  • Meta & social cards
  • Structured data
  • Page copy weight
Specimen drawer / 000 Open a demo readout Pull
Motion score100Cinematic / 100
Keyframes09declared in CSS
Libraries05GSAP, Lenis + more
Assets12mapped references

A fictional studio site, built to exercise every corner of the report. No network required.

03 / Begin

Paste a link.
Read the room.

Public pages only. Static analysis. Built for people who open the inspector before they take a screenshot.