Launching today
PasteMotion
Copy-paste web animations, live and customisable
5 followers
Copy-paste web animations, live and customisable
5 followers
PasteMotion is a library of 325 production-ready web animations: loaders, buttons, hover effects, text effects, backgrounds and more. Preview each one live, tweak colours and speed, then copy it as HTML/CSS/JS, one file, React or Tailwind. Free to use.
Hey Product Hunt 👋
I kept rebuilding the same animations for every project: a loader here, a button hover there, a scroll reveal I'd half-remember from an old repo. PasteMotion is the library I wanted instead.
What you get
325 animations across 12 categories, each with a live, sandboxed preview
A customiser: change colours and speed and the copied code follows
Every format: HTML/CSS/JS, a single all-in-one file, and React (Tailwind where it fits)
Safe to paste: classes are scoped, nothing touches your html or body, and every animation we can make accessible respects reduced motion
Free vs Pro
Browsing, previews, the customiser and the HTML/CSS/JS for the free library are free, no account needed. Pro is a one-time $10, no subscription: it unlocks React/Tailwind versions and the premium originals.
🎁 For the Product Hunt community: use code PRODUCTHUNT at checkout for 50% off Pro ($5 instead of $10) until 30 October.
I'd love to hear which animation you'd want next, and what would make this part of your workflow.