60fps

Echte Interaktionsreferenzen und Bewegungsrezepte für KI-Codierungsagenten.

Dokumentation

Shots

2110

Apps

494

App Sites

93

Motion

83

Snippets

20

MCP

Jobs

Mockup

Glossary

Storyboards

67

MCP

Your AI can build UI. It can't do motion.

One URL. No key in your config file. Works with Claude, Cursor, Codex, ChatGPT and any MCP tool.

Install MCP

Get Plan

Not included in PRO plan.

What it does

Find the shot in plain words

Understand how it moves, and why

Build from the real timing, not a guess

See it think

Trigger what sets it off

Starts the opening state

Moves the motion, beat by beat

Settles where it lands

Why it feels right

You watch it. Your AI reads the recipe.

Plan

$29/mo or $69/qtr

Subscription per seatGet MCP

By subscribing you agree to the Terms of Use and Privacy Policy.

Payments are handled via, Gumroad., Setup, ChatGPT, Claude, Editors, Prompt

60fps is in the ChatGPT plugin directory.

  1. Open the 60fps listing
  2. Add it, and sign in with your license key
  3. Mention @60fps in any chat

Tools we offer

search_shots

Describe what you want. Get the closest shots.

list_filters

Every filter in the library, so your AI can narrow a search exactly.

get_shot

Full detail on one shot: keyframes, filters, mood.

get_motion_breakdown

Trigger, start, move, settle, and why.

get_motion_code

Real SwiftUI for the motion, compile-checked.

get_related_shots

More like this, for exploring variations.

Skills

Skills teach your AI the bigger jobs: where to animate, how to keep it consistent, how to hand it off.

Find where to animate

Reads your app, finds the few places motion helps, flags motion that is broken or too much, and picks real shots for each.

Motion system

One set of timings, springs and haptics for your whole app, based on your code and real apps with the same feel.

Loading, success and error

Every state of one feature, designed: what it shows, how it moves, what it says.

Motion spec

Turns any shot into a spec your developer can build from, with the real timing.

Motion reference

Tells your AI when to reach for 60fps, and when not to.

Get the skills with one command

Copy

Adds the skills to Claude Code, Cursor, Codex and more. Connect the 60fps server from Setup above so they can use it.

Try asking

"A Duolingo streak celebration, motion first."

"Calm transitions for a finance app."

"A springy pull-to-refresh, explain the spring."

"Compare three bottom sheets for premium feel."

"Bold, playful onboarding, and why it pops."

"Where should my app animate?"

Have questions? Talk to us.

Explore

PRO

MCP

Mockup

Shots

Apps

App Sites

Motion

Snippets

Jobs

Glossary

Storyboards

Why

Privacy

Terms

Gestures

Drag

Flick

Flip

Gyroscope

Hold

Long Press

Pan

Pinch

Pull

Scroll

Scrub

Slide

Swipe

Tap

Typing

Patterns

3D

AI

Assistant

Card Stack

Carousel

Chat

Delete

Empty State

Featured

Gallery

Gamification

Get Started

Goal

Idle Animation

Intro

Invite

Loading

Logo

Mascot

New

Onboarding

Pricing

Quick Actions

Reaction

Recap

Reward

Setup

Shared Element

Showcase

Splash

Stats

Streak

Success State

Theme

Timer

Voice

Weather

Workout

Effects

Blur

Bounce

Color

Confetti

Draw

Fade

Glow

Grow

Morph

Orbit

Parallax

Particles

Pulse

Reveal

Sequence

Shimmer

Show/Hide

Shrink

Skeuomorphic

Sound

Spin

Spring Physics

Stagger

Ticker

Wiggle

Zoom

Elements

Badge

Bottom Sheet

Button

Calendar

Card

Counter

Easter Egg

Graph

Icon

Illustration

Input

Liquid Glass

Map

Menu

Permissions

Picker

Player

Progress

Search

Slider

Story

Tabs

Text

Toast

Tooltip

Video

Widget

Categories

Books

Business

Developer Tools

Education

Entertainment

Finance

Food & Drink

Games

Graphics & Design

Health & Fitness

Lifestyle

Magazines & Newspapers

Music

Navigation

News

Photo & Video

Productivity

Reference

Shopping

Social Networking

Sports

Travel

Utilities

Weather