Seu dashboard funciona. Agora faça ele parecer vivo.

60 animações de interface para as partes sem graça: tabela, modal, toast, gráfico. Cada uma vem com um prompt testado que você cola na sua ferramenta de IA.

Leve as 60 por US$9

Preço de lançamento US$9 · preço normal US$19 · pagamento único

Delete Row · 220ms
Drain Ring · 260ms
Line Draw · 760ms
Sliding Pill · 260ms
Odometer · 640ms
Morph · 400ms

Cole no Cursor · Claude Code · v0 · Lovable · Bolt · Copilot · ou em qualquer chat de IA

Mesma tela. Uma está morta.

A mesma tabela: parada à esquerda, se mexendo à direita.

Still
Moving

Escolha. Copie. Cole.

  1. 01Veja as 60 rodando e escolha a que a sua tela pede.
  2. 02Copie o prompt dela. Timing, curva e edge case já vêm decididos.
  3. 03Cole na sua ferramenta de IA. Ela escreve o código na sua stack.

Os prompts são em inglês, o idioma em que as ferramentas de IA rendem melhor; você cola do jeito que está.

# Insert

## What it does
A new record arrives at the top of a paginated table. …

## Motion
| step | element | property | from → to | duration | easing | delay |
| 1 open | every fold of the new row | grid-template-rows | `0fr` → `1fr` | 260ms | `cubic-bezier(.2,.8,.3,1)` | 0 |
| 1 open | the new row (`<tr>`) | opacity | 0 → 1 | 260ms | same | 0 |
…

Teste 3 de graça

Prompt completo, sem pedir e-mail. Cole um e veja o que a sua IA faz com ele.

Insert · 260ms
Spinner Swap · 220ms
Morph Popover · 260ms

As 60, rodando

10 componentes, 6 variações cada. Os prompts vêm no pacote.

Toast

Drain Ring · 260ms
No pacote
Promise · 240ms
No pacote
Undo Countdown · 260ms
No pacote
Stack & Fan · 260ms
No pacote
From Trigger · 380ms
No pacote
Swipe Dismiss · 260ms
No pacote

KPI

Odometer · 640ms
No pacote
Count Up · 1000ms
No pacote
Delta Chip · 480ms
No pacote
Live Tick · 420ms
No pacote
Spark Draw · 720ms
No pacote
Goal Ring · 900ms
No pacote

Skeleton

Sweep · 200ms
No pacote
Row Reveal · 240ms
No pacote
Shape Match · 280ms
No pacote
Card Cascade · 320ms
No pacote
Blur Up · 440ms
No pacote
Text Lines · 360ms
No pacote

Botão

Spinner Swap · 220ms
Prompt grátis lá em cima
Progress Fill · 180ms
No pacote
Press · 280ms
No pacote
Error Shake · 280ms
No pacote
Hold to Confirm · 1000ms
No pacote
Label Reveal · 240ms
No pacote

Modal

Morph · 400ms
No pacote
Scale & Fade · 260ms
No pacote
Sheet · 340ms
No pacote
Danger Confirm · 240ms
No pacote
Step Resize · 300ms
No pacote
Backdrop Focus · 320ms
No pacote

Abas

Sliding Underline · 240ms
No pacote
Sliding Pill · 260ms
No pacote
Stretch · 280ms
No pacote
Directional Content · 260ms
No pacote
Count Bump · 280ms
No pacote
Overflow Scroll · 240ms
No pacote

Menu

Origin Scale · 180ms
No pacote
Stagger Items · 160ms
No pacote
Morph Popover · 260ms
Prompt grátis lá em cima
Tooltip Group · 140ms
No pacote
Check Slide · 170ms
No pacote
Submenu Slide · 160ms
No pacote

Drawer

Side Panel · 360ms
No pacote
Bottom Sheet · 380ms
No pacote
Detail Push · 340ms
No pacote
Collapse · 260ms
No pacote
Peek · 400ms
No pacote
Step Drawer · 360ms
No pacote

Tabela

Sort · 280ms
No pacote
Filter · 220ms
No pacote
Delete Row · 220ms
No pacote
Bulk Bar · 220ms
No pacote
Expand · 260ms
No pacote

Gráfico

Bars Grow · 520ms
No pacote
Line Draw · 760ms
No pacote
Donut Sweep · 900ms
No pacote
Data Update · 420ms
No pacote
Crosshair · 140ms
No pacote
Area Rise · 640ms
No pacote

Por que não pedir direto para a IA?

“Coloca uma animação bonita no toast”

Pedido vago dá resultado genérico: duração e curva no chute, nada para um segundo clique ou para o Esc, o foco fica onde cair, nenhuma versão com movimento reduzido e nenhum estado final claro.

Um prompt do Still/Moving

Duração e curva exatas, interrupção, Esc e foco, movimento reduzido e estado final, tudo por escrito.

Cada prompt foi testado numa sessão de IA zerada, e o resultado foi comparado com a demo. Na primeira rodada, uma regra ambígua fez 11 de 12 builds deixarem um toast na tela para sempre. Reescrevemos a regra e testamos de novo.

US$9

Preço de lançamento US$9 · preço normal US$19 · pagamento único

  • 60 animações, cada uma com prompt e demo HTML ao vivo
  • Uma galeria offline com botão de copiar
  • Todas as animações futuras, sem pagar de novo
  • Uso nos seus projetos e nos dos seus clientes; sem revender nem compartilhar os prompts ou arquivos
  • Reembolso em até 14 dias, sem perguntas
Leve as 60 por US$9

Perguntas

Funciona com quais ferramentas?

Com qualquer uma que escreva código a partir de texto: Cursor, Claude Code, v0, Lovable, Bolt, Copilot, ou um chat de IA comum.

React? Vue? HTML puro?

Cada prompt descreve o movimento, não o framework, e termina com notas para React e HTML puro. Sua ferramenta de IA escreve na sua stack.

O que eu baixo?

Um .zip com index.html (uma galeria offline das 60 com botão de copiar), prompts/<component>/ com cada prompt num arquivo .md, demos/<component>/ com cada demo HTML ao vivo, mais um README e uma LICENSE.

Como recebo as animações novas?

Elas entram no mesmo pacote. É só baixar de novo pela sua biblioteca no Gumroad ou pelo link no e-mail do recibo, sem pagar nada.

Posso usar em quê?

Nos seus projetos e nos projetos dos seus clientes. Não pode revender nem compartilhar os prompts ou arquivos.

Tem reembolso?

14 dias para pedir o dinheiro de volta, sem perguntas. Responda ao e-mail do recibo ou escreva para [email protected].