# Шаблоны Remotion с анимацией курсора и кликов

4 бесплатных шаблонов Remotion с курсором и кликами: курсор, следующий по пути, нажатия кнопок, клик и ввод текста и базовый курсор. Редактируйте в Subclip или получите код TSX.

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

Эти шаблоны Remotion показывают указатель, который движется, наводится и кликает, -- небольшие действия, благодаря которым демо продукта легко понять. Каждый из них -- компонент React на TSX, выверенный до кадра, поэтому курсор можно подогнать под свою запись экрана или макет интерфейса.

## Что показывает каждый шаблон

Cursor Track ведет указатель по сцене с мягким шлейфом. Button Press приближает кнопку, пока на нее наводят и нажимают. Click Type щелкает по полю и набирает строку текста. Cursor -- базовый строительный блок: указатель плавно подходит к кнопке, нажимает ее с волной и движется дальше.

## Как использовать код

Путь курсора -- это список пар "кадр и позиция", поэтому его можно перенастроить по времени или направить на свои кнопки. Используйте шаблоны поверх обзоров приложений, роликов об онбординге и запусках функций или скопируйте TSX в существующий проект Remotion.

## Шаблонов: 4

- [Cursor Track](https://www.subclip.app/ru/motion-graphics-templates/remotion/cursor-track) (Remotion, Клики): Искусственный курсор мыши, который движется по точкам маршрута поверх вашего интерфейса и при каждой остановке показывает пульсирующее кольцо клика.
- [Button Press](https://www.subclip.app/ru/motion-graphics-templates/remotion/button-press) (Remotion, Клики): Курсор нажимает синюю составную кнопку: она темнеет при наведении, вдавливается, показывает состояние ожидания и завершается рисованной галочкой.
- [Click Type](https://www.subclip.app/ru/motion-graphics-templates/remotion/click-type) (Remotion, Клики): Стеклянное поле промпта, в котором сама пишется подсказка, курсор кликает по нему, а после резкой склейки внутри поля набирается ваш промпт.
- [Cursor](https://www.subclip.app/ru/motion-graphics-templates/remotion/cursor) (Remotion, Клики): Аккуратный курсор в стиле macOS, стрелка или рука, с мягкой тенью и кольцом волны при клике для демо продуктов.