Esse globo é uma seção de site, e o prompt dele é de graça

O Motion é uma biblioteca de 53 seções de site interativas, com física e resposta ao cursor, em que cada uma vem como prompt e especificação pra IA reconstruir. Nove são grátis com login. Quais são, como pegar e quanto custa o resto.

Quando você pede pra IA uma seção diferente, ela devolve um bloco bonito que fica parado. O que quase sempre falta no pedido é a física da coisa: quanto tempo cada movimento dura, o que acontece quando a pessoa arrasta, até onde a peça vai e como ela volta.

O Motion é uma biblioteca de 53 seções de site interativas, cada uma com a tela inteira funcionando, e cada uma vem como prompt e especificação completa pra você colar na sua ferramenta de código com IA e ela reconstruir a seção, segundo a própria página, com a estrutura, a física e os tempos. A maior parte é paga, e 9 seções são grátis: você entra com o Google ou com um código no e-mail e copia, sem plano nenhum.

O que é uma seção, aqui

Fica no meio do caminho entre um componente solto, como um botão, e o site inteiro: um pedaço de página do tamanho da tela, pronto pra ser o momento principal de uma landing page. A galeria separa em cinco categorias: Portfólio, Hero (a primeira dobra), Interativo, Vitrine de produto e Imersivo.

Cada seção tem página própria, com ela rodando ao vivo em tela cheia, e um painel no canto com Repetir, Compartilhar, Copiar prompt e Grátis no Modulify.

As 9 grátis

No filtro Grátis da home aparecem estas nove:

• Atlas: uma Terra realista que você gira e explora país por país, com o título se formando em volta do globo.
• Pantheon: uma galeria que gira, com cada imagem dentro de um medalhão de vidro líquido que distorce o fundo.
• Folio: portfólio em rolagem guiada pra agência e estúdio, com a lista de trabalhos de um lado e imagens e vídeos do outro.
• Cinema Reel: slider vertical de portfólio de filmes, que só avança se você arrastar o bastante e volta sozinho se for pouco.
• Momentum Slider: carrossel 3D infinito em perspectiva, com arrasto e janela de produto.
• Drag Gallery: carrossel infinito de produtos em que os cards inclinam conforme a velocidade do arrasto.
• Membrane: uma superfície que deforma onde o cursor passa e faz onda quando você clica.
• Shape Trail: o cursor vai deixando formas geométricas pelo caminho, e o clique espalha.
• Liquid Type: tipografia em que cada letra engorda e brilha quando o mouse passa por cima.

Como pegar o prompt de uma grátis

Abre a página da seção e clica em Copiar prompt. Numa seção grátis aparece a janela Seção grátis, dizendo que dá pra copiar o prompt completo e a especificação sem plano. Clica em Entrar pra copiar, entra com o Google ou pede o código no e-mail, e volta pra copiar.

Numa seção paga, o mesmo botão abre a tela de planos. E tem um segundo caminho em todas: o botão Grátis no Modulify clona a seção no Modulify, um construtor de sites, onde dá pra editar e hospedar sem mexer em código. O Modulify pede conta própria, com Google ou GitHub.

O que é pago

• Mensal, US$ 9 por mês: libera 3 seções por mês, que continuam liberadas enquanto a assinatura estiver ativa.
• Vitalício, US$ 99 uma vez: todas as seções, as de hoje e as próximas. A página chama de preço de fundador e diz que passa pra US$ 149 depois de 4 de outubro.
• Studio, US$ 249 uma vez: o mesmo do Vitalício pra até 10 pessoas do time.

Pelos termos, todo plano pago cobre uso comercial, inclusive trabalho de cliente, e nenhum plano deixa compartilhar ou revender o prompt em si. Por isso aqui não tem prompt colado: cada um copia o seu na página. Pra seção grátis, os termos não falam de uso comercial em separado, então pra página de cliente eu perguntaria antes.

O que eu faria

Escolheria uma seção só pra ser o momento da página. Um carrossel como o Drag Gallery ou o Momentum Slider cabe numa vitrine de produto. O Liquid Type ou o Membrane seguram uma primeira dobra de marca pessoal. O Folio e o Cinema Reel são de portfólio.

Aí copiaria o prompt, colaria no Claude Code ou no Codex dentro do projeto e pediria pra IA explicar primeiro o que vai construir e em quais arquivos, antes de escrever qualquer coisa. Depois da seção montada, trocaria as fotos e os textos de exemplo pelos meus e pediria uma versão sem movimento pra quem configurou o aparelho pra reduzir animação.

As 9 seções grátis estão no filtro Grátis da home: motionin.design. Bora testar.