About PasteMotion

PasteMotion is the fastest way to get a production-ready animation into any codebase. Pick one, see it live, tweak its colours and speed, and copy it as HTML/CSS/JS, a single file, React or Tailwind.

The rules every animation follows

• Safe to paste

  Classes are scoped, global resets are rewritten to stay inside the element, and nothing styles your html or body.

• Respectful of motion settings

  Every animation we can make accessible has a prefers-reduced-motion fallback, and the badge only shows when it really works.

• Honest badges

  GPU-friendly means it animates only transform, opacity or filter. Sizes are measured, not estimated.

• Credit, always

  Every community piece names its creator, links to the original and states its licence, without needing a click.

• Sandboxed previews

  Previews run in sandboxed iframes with no access to this site, and only a handful play at once so your laptop stays cool.

Curious where things come from? See credits and the licence.