By the creators of Motion █

Find & fix animation
performance issues.

Audit any website's animation performance. Reports use a simple grade system with detailed breakdown, with fixes as copy-paste prompts for your AI agent.

01

Audit

Every report is headlined with an overall score from S through F. Per-section breakdowns for animations, scroll, GPU pressure and thrashing.

02

Deep dive

Each section breaks down each animation with the properties being animated, their render costs, and notes like warnings for off-screen animations.

03

Fix

Every report comes with personalised reports. Understand the problem, the elements, and fix with a one-click copy-paste prompt, ready for Claude, Codex, Cursor or Copilot.

04

CLI

Use the MotionScore CLI script to run reports from your terminal. Set tier thresholds to block builds that fail your quality standards.

> Methodology

The MotionScore system.

Every animation is priced against the browser's render pipeline and assigned a grade S through F. Overall tier is the weighted average across four signals.

  • AnimationsEvery WAAPI and JS-driven animation, individually costed.
  • ScrollIntersectionObserver, ScrollTimeline, scroll handlers.
  • ThrashingLayout and style thrashing across consecutive frames.
  • GPU pressureCompositor layers, texture memory, tiled memory.
Read the tier list article →
> Tier ladder
  1. SComposite-only
  2. AMain-thread composite
  3. BA + DOM measurement
  4. CPaint-triggering
  5. DLayout-triggering
  6. FThrashing
>FIELD REPORT

The most common mistakes.

Avoid the same mistakes with our one-click AI fixes.

gpu

Stale will-change

GPU memory stays reserved long after the animation ends.

74%of all audited sites
  1. 02animationsOff-screen animations60%
  2. 03scrollExcess scroll listeners52%
  3. 04thrashingMultiple thrashing events per animation frame38%
> Track

Watch your score over time.

Regression trackingSee where you slipped, when you recovered, and which launch introduced the change. Per-URL history goes back as far as you need.
Private auditsPro audits stay tied to your account. No public listing, no shared links, safe for staging URLs and pre-launch builds.
Scheduled auditsDaily, weekly, monthly. Get emailed when your tier changes so you catch regressions without opening a dashboard.

ProHistory & scheduled auditsCompare plans →

score.motion.dev/history
> Ship

Fail the build.
Not your users.

Set your threshold and ensure deploys fail if your user experience doesn't meet your high quality bar.

$npx motionscore example.com --threshold=A

Runs on every PR. Catches the regression before it ships.

ProCI gatingCompare plans →

ci / pre-merge
$npx motionscore example.com --threshold=A
Running audit…
✓ Desktop audit complete
✓ Mobile audit complete
Overall C-tier (threshold: A)
Animations D-tier
Thrashing C-tier
✗ Regression blocked
3 animations use layout properties
Layout thrashing detected at mount
exited with code 1
> Fix

Paste the fix. Ship it.

Every finding ships with an LLM-ready prompt. The offending selectors, the exact properties, the suggested fix. Copy, paste, done.

Works with Claude, Cursor, Copilot, Windsurf. You read the fix, your AI writes the diff.

ProAI fix promptsCompare plans →

> LightHouse vs Motion

Lighthouse grades the page load.
MotionScore grades the motion.

Lighthouse is the industry standard for site performance, but it barely touches animation. Enter MotionScore.

>LighthousePage performance
>MotionScoreAnimation Performance
  1. Animation properties
    Flags a handful of non-composited animations.
    Grades every animation by property cost, paint area and duration.
  2. Scroll-linked effects
    Not measured.
    ScrollTimeline, IntersectionObserver and JS scroll handlers, with concurrency scoring.
  3. Layout thrashing
    Not measured.
    Chain-based consecutive-frame read/write detection at mount and during interaction.
  4. GPU pressure
    Not measured.
    Real compositor layer count, texture memory and tiled memory.
  5. Off-screen animation
    Not measured.
    Penalised. Off-screen work costs frames you never see.
  6. Core Web Vitals (LCP, CLS, INP)
    Full coverage.
    Out of scope. Use both.
> Wear your grade

Add your score to your README.

Show visitors your animation performance tier, straight from your repo. Updates every time your audit runs.

[![MotionScore](https://api.motion.dev/score/badge?url=example.com)](https://score.motion.dev/?url=example.com)
> From the creators of Motion

We know animation performance.

Trusted by Framer and Figma to power animations in 100,000s of websites.

  • 40M+Weekly npm downloads
  • 30k+GitHub stars
  • 11 yrsIn the making
Audit

Grade it.
Fix it.
Ship it.

Free, no signup required. Results in under a minute.

Read the docs