# Templates Remotion de animação de cursor e clique

4 templates Remotion grátis de cursor e clique: um cursor que segue um caminho, botões sendo pressionados, clique e digitação e um cursor base. Edite no Subclip ou pegue o código TSX.

Canonical URL: https://www.subclip.app/pt/motion-graphics-templates/remotion/cursor-click-animations

Estes templates Remotion mostram um ponteiro se movendo, passando por cima e clicando, as pequenas ações que deixam uma demo de produto fácil de entender. Cada um é um componente React em TSX, sincronizado ao quadro, para você ajustar o cursor à sua própria gravação de tela ou mockup de interface.

## O que cada template mostra

Cursor Track segue um ponteiro pela cena com um rastro suave. Button Press dá zoom em um botão enquanto ele recebe hover e é pressionado. Click Type clica em um campo e digita uma linha de texto. Cursor é a peça base: um ponteiro que desliza suavemente até um botão, clica com uma ondulação e segue em frente.

## Usando o código

O caminho do cursor é uma lista de pares de quadro e posição, então você pode mudar o tempo ou apontá-lo para os seus próprios botões. Use sobre tours por apps, vídeos de onboarding e lançamentos de recursos, ou copie o TSX para um projeto Remotion existente.

## 4 templates

- [Cursor Track](https://www.subclip.app/pt/motion-graphics-templates/remotion/cursor-track) (Remotion, Cliques): Um ponteiro de mouse sintético que percorre um caminho de pontos sobre a sua interface e mostra um anel de clique pulsando a cada chegada.
- [Button Press](https://www.subclip.app/pt/motion-graphics-templates/remotion/button-press) (Remotion, Cliques): Um cursor clica em um botão de ação azul dividido que escurece no hover, afunda no clique, passa por um estado de espera e termina em um check desenhado.
- [Click Type](https://www.subclip.app/pt/motion-graphics-templates/remotion/click-type) (Remotion, Cliques): Uma caixa de prompt de vidro cujo placeholder se escreve sozinho enquanto um cursor clica no campo, seguida de um corte seco para dentro da caixa, onde o seu prompt é digitado.
- [Cursor](https://www.subclip.app/pt/motion-graphics-templates/remotion/cursor) (Remotion, Cliques): Um cursor limpo no estilo do macOS, em seta ou mãozinha, com sombra suave e um anel de ondulação ao clicar para demos de produto.