Motion.library

About

A working library, not a portfolio.

70 motion graphics for websites, SaaS, landing pages, dashboards, presentations and AI products — each one browsable, tunable and copyable. It is built to be extended: the catalog is data, the motions are components, and the site is just a lens over both.

Motion is the product

The interface demonstrates the library. Menus, cards, transitions and the cursor all move with the same intent as the components on the shelves.

Intentional, never loud

Anticipation, follow-through, overshoot, staging — real motion-design principles, tuned so nothing reads as a demo of effects.

Reusable by construction

Each motion is an isolated component with typed props, live parameters and a faithful source sample. Adding a new one is a single file plus a metadata entry.

Fast with dozens on screen

Off-viewport motions pause via IntersectionObserver, everything is dynamically imported and code-split, and canvases cap their DPR.

Accessible by default

prefers-reduced-motion and an in-app switch collapse animation to instant transitions. Focus states and keyboard paths are kept intact.

What's inside

Take one for your next project.

Open a motion, adjust the parameters, copy the source.

Explore Library