Motion-reference library

60fps.design

Study motion and interaction references to describe how an interface should behave over time.

Visit resource
Public page reviewed · 2026-10-21
60fps.design
Preview of 60fps.design

Where it comes in handy.

  • Motion direction
  • Transition and interaction research
  • Communicating timing in a brief

Describe the trigger, movement, duration, and final state. Include a reduced-motion alternative when carrying the idea into a product interface.

How it fits your workflow.

Browse creative references. Study motion and interaction references to describe how an interface should behave over time.

Connections & plugins

Supported clients & platforms

Documented connections have not been authenticated or tested by this directory. “Not established” means we do not have enough evidence, rather than that a feature is unavailable.

Pricing & what you get.

MCP access is listed at $29/month or $69/quarter per seat. The ChatGPT connection requires the user's license key.

MCP subscription

$29/month or $69/quarter
Subscription per seat
  • Agent access to the iOS interaction library
  • Documented client setup and related skills

License-key sign-in is required for the documented ChatGPT connection.

Check official plans Reviewed 2026-10-21 · Confirm billing, regional pricing, taxes and current allowances.

A few things to check.

  • Public vendor documentation reviewed; no authenticated integration test.
  • A screenshot is a preview of the source page, not proof of access to its private library.

Start with a better brief.

Add your brand and goal, then paste this into your preferred agent.

I am making [asset and goal] for [brand, audience, and product]. Use 60fps.design (https://60fps.design?utm_source=agentswipefile&utm_medium=referral&utm_campaign=agent-brief&utm_content=60fps-design) as a reference source, within the access available to me. Focus on motion direction, transition and interaction research. Find three relevant references and return their original source URLs. For each, explain the opening message, structure, visual or narrative choices, and call to action. Say why it fits our task and identify anything you could not access. Then propose three original directions grounded in our brand voice and actual product facts. Use references to understand patterns; do not copy another brand's wording, claims, identity, or footage.
Download Markdown

Use the reference. Keep the work yours.

Study the choices that make an example useful: its structure, visual hierarchy, opening, and next action. Adapt the pattern to your actual product and audience. The original creator's assets, wording, claims, and identity stay with them.