CURSO GRATUITO · DEMOS AO VIVO

Motion graphics com código, não com keyframes

Antes: abrir o After Effects e brigar com painéis e keyframes infinitos. Agora: Claude Code + Remotion + as bibliotecas certas (GSAP, D3, Three.js, Lottie). Você descreve, o Claude gera, o Remotion renderiza.

demonstração ao vivo stagger + spring
Headline entra de baixo
Cards aparecem em sequência
CTA dá um pop com mola

Isto é uma animação real rodando na página — o curso é cheio delas.

Como o curso é organizado

Do setup ao render. Você instala a skill, entende como pensar, domina cada biblioteca, constrói projetos reais e renderiza com as configurações certas.

⚙️

Setup

2 comandos instalam a skill. Por que ela muda tudo, e como conversar com o Claude.

🧩

Bibliotecas

GSAP, D3, Three.js, Lottie, Framer — o que cada uma faz melhor e quando usar.

🛠️

Projetos

4 peças completas: SaaS, data-story, comercial 3D e onboarding de app.

🎬

Produção

Motion path, render transparente (alpha) e iteração que compõe qualidade.

As 4 trilhas

4
Trilhas
16
Módulos
5
Bibliotecas
4
Projetos

💡 Antes de começar

Ajuda ter o Claude Code instalado e a noção de que, no Remotion, vídeo é função do frame. Se quiser a base, veja o curso de Remotion (81 templates). Aqui o foco é combinar o Claude Code com as bibliotecas de animação da web.