153 animações com prompt pronto pra colar na IA
Movimento com peso de verdade, feito com física de mola em vez de tempo fixo. Cada efeito vem em CSS, React e um prompt já com a curva exata, e com as proibições que impedem a IA de inventar.
Tem uma coisa que separa site que parece caro de site que parece template: como as coisas se movem. E quase ninguém acerta isso, porque a gente pede animação pra IA e ela devolve aquele movimento duro, de robô, que começa e para no mesmo lugar.
O kinetics.colorion.co ataca exatamente isso. E o jeito como ele entrega o material é o motivo desse post existir.
O que é, em português
São 153 animações de interface construídas com física de mola em vez de tempo fixo.
O site diz isso com todas as letras: molas respondem à interrupção de um jeito que o tempo fixo não consegue.
São 3 categorias com 51 efeitos cada:
- Interação e entrada: botão magnético, contador que estica, arrastar pra dispensar, segurar pra confirmar, slider elástico. É o que a pessoa faz com o dedo ou o mouse.
- Retorno e estado: o que a tela faz pra te dizer que deu certo. Confirmação, erro, item que entra na lista. Sem isso, o clique parece morto.
- Superfície e movimento: como painel, cartão e camada se movem. A gaveta que sobe, o card que empilha, a camada que empurra a outra.
A regra de escolha é o inverso do que a IA faz. A IA anima o título. Você anima a resposta do clique. Se a pessoa apertou um botão, aquele botão precisa ter peso. Se nada foi clicado, a página pode ficar quieta. Movimento sem causa é o que deixa o site com cara de template.
Falta o resto desta edição
Cadastro único, uma vez só. Libera todas as edições e você recebe as próximas no e-mail, assim que entrarem no ar.