2.080 animações de app de verdade pra você mostrar pra sua IA
O 60fps junta animações de 487 apps de iPhone em vídeo, cada uma com a descrição escrita do movimento. Explorar é grátis. O PRO libera todos os filtros e o MCP liga a biblioteca direto na IA.
A gente pede movimento pra IA e ela devolve aquele fade padrão, igual em todo site. E quem escreve isso com todas as letras é o próprio 60fps, na página de um dos planos deles: a sua IA monta interface, movimento ela não faz.
O 60fps é uma biblioteca de animações e microinterações de apps reais, gravadas em vídeo. É o repertório que falta quando você quer pedir pra IA um botão com peso, uma aba que desliza ou uma tela de abertura que não pareça template.
O que tem lá dentro
Os números estão no próprio menu do site, e no dia 25/09 eram estes:
- 2.080 animações de apps de iPhone e de Apple Watch
- 487 apps, de Airbnb, ChatGPT, Claude e Duolingo a LEGO, WhatsApp e X
- 88 animações de sites de apps, na aba Sites de apps
- 71 bentos de motion de marcas, na aba Motion
- 67 storyboards, que quebram uma animação em partes
- 108 filtros, por gesto (arrastar, segurar, deslizar), padrão (onboarding, estado vazio, preço), efeito (mola, desfoque, transformação) e elemento (botão, aba, gaveta, card)
Uma animação aberta
Clicando em qualquer animação, abre uma página com o vídeo rodando no celular. Embaixo vem a parte que mais interessa pra quem trabalha com IA: a descrição escrita do movimento.
Na do Airbnb, por exemplo, está escrito que tocar nas abas de categoria faz o botão selecionado afundar e encolher com efeito elástico, que o destaque desliza suave de uma aba pra outra e que cards de carregamento aparecem e se transformam no conteúdo do feed. Do lado vêm as tags: botão, esmaecer, carregando, busca, física de mola, abas, toque.
Embaixo ainda aparecem outras animações do mesmo app e animações parecidas de outros apps. É um bom jeito de comparar três soluções pro mesmo problema antes de escolher uma.
Os storyboards
Na aba Storyboards, a animação vem quebrada quadro a quadro, com a psicologia por trás (revelação progressiva, recompensa variável, hierarquia visual) e o impacto que ela busca (curiosidade, confiança, retenção). Cinco deles ficam abertos no grátis.
O que é grátis e o que é pago
A página do plano pago diz com todas as letras: o 60fps continua grátis pra explorar. Na prática, sem conta, você rola o feed inteiro (o botão Carregar mais funciona), abre cada animação, assiste o vídeo e lê a descrição.
A trava aparece nos filtros. Quando você entra num filtro, como o de Botão, vêm algumas animações e depois o aviso pra assinar o PRO.
O PRO custa US$ 15 por mês ou US$ 150 por ano e libera todos os filtros nas 2.080 animações, os 67 storyboards, as tags dos bentos de motion, um player e uma busca melhores.
E o MCP é outro plano, que não vem no PRO: US$ 29 por mês ou US$ 75 por trimestre. Ele conecta a biblioteca direto no Claude, no Cursor, no Codex ou no ChatGPT, e a sua IA passa a buscar animação por descrição, ler o passo a passo do movimento e receber o código em SwiftUI.
Um detalhe sobre o botão Copiar prompt do agente, que aparece em toda animação. Ele copia uma instrução que manda a IA usar as ferramentas do 60fps. Se ela não tiver o MCP, a própria instrução pede pra ela parar e avisar você pra conectar. Então, no grátis, esse botão não resolve sozinho.
Como eu levaria pra IA sem pagar nada
- Rola o feed ou abre um app parecido com o seu na aba Apps
- Acha a interação que você quer: a aba, o botão, a tela de abertura, o estado vazio
- Copia o texto da descrição e as tags da página
- Grava a tela do vídeo rodando (dez segundos bastam)
- Manda os dois pra IA e pede pra reproduzir aquele movimento no elemento do seu projeto, do jeito que o projeto já anima as coisas
- Pede pra ela respeitar quem ativou movimento reduzido no celular
Se você usa animação com frequência e quer que a própria IA encontre a referência, aí o MCP faz sentido. Pra consultar de vez em quando, o grátis dá conta.
Antes de sair usando
- É tudo app de iPhone. Se o seu projeto é site, leve o movimento, não o layout.
- O código do MCP é SwiftUI, a linguagem de app da Apple. Pra site, peça pra IA traduzir o movimento pra CSS ou pra biblioteca que o seu projeto usa.
- São animações de apps de outras empresas. Serve de referência de movimento, não de identidade visual.
Movimento é o detalhe que mais separa um produto que parece caro de um que parece template, e é o que menos a gente sabe pedir. Abre o 60fps, acha a animação e entrega pra IA o vídeo e as palavras certas.