# Remotion 커서 및 클릭 애니메이션 템플릿

따라가는 커서, 버튼 누르기, 클릭 후 입력, 커서 구성 요소 등 무료 Remotion 커서-클릭 템플릿 4개. Subclip에서 편집하거나 TSX 코드를 받으세요.

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

이 Remotion 템플릿들은 포인터가 움직이고, 머무르고, 클릭하는 모습을 보여 줍니다. 제품 데모를 이해하기 쉽게 만드는 작은 동작들입니다. 각각 프레임 단위로 맞춘 TSX React 컴포넌트이므로, 커서를 내 화면 녹화나 UI 목업에 맞출 수 있습니다.

## 각 템플릿이 보여 주는 것

Cursor Track은 부드러운 잔상을 남기며 장면을 가로지르는 포인터를 따라갑니다. Button Press는 버튼에 마우스가 올라가고 눌리는 모습을 확대해 보여 줍니다. Click Type은 입력란을 클릭하고 텍스트 한 줄을 입력합니다. Cursor는 기본 구성 요소로, 포인터가 버튼으로 부드럽게 이동해 물결과 함께 클릭하고 다음으로 넘어갑니다.

## 코드 사용하기

커서 경로는 프레임과 위치 쌍의 목록이므로 타이밍을 바꾸거나 내 버튼을 가리키게 할 수 있습니다. 앱 안내, 온보딩 영상, 기능 출시 영상 위에 사용하거나, TSX를 기존 Remotion 프로젝트에 복사하세요.

## 템플릿 4개

- [Cursor Track](https://www.subclip.app/ko/motion-graphics-templates/remotion/cursor-track) (Remotion, 클릭): 가상의 마우스 포인터가 인터페이스 위 지점들을 따라 이동하고, 도착할 때마다 클릭 링이 퍼지는 애니메이션입니다.
- [Button Press](https://www.subclip.app/ko/motion-graphics-templates/remotion/button-press) (Remotion, 클릭): 커서가 파란 분할 버튼 위에 올라가면 버튼이 어두워지고 눌린 뒤, 대기 상태의 스피너를 거쳐 체크 표시로 끝나는 장면입니다.
- [Click Type](https://www.subclip.app/ko/motion-graphics-templates/remotion/click-type) (Remotion, 클릭): 커서가 입력란을 클릭하는 동안 안내 문구가 저절로 써지고, 이어서 입력창 클로즈업으로 컷되어 프롬프트가 타이핑되는 유리 질감 프롬프트 박스입니다.
- [Cursor](https://www.subclip.app/ko/motion-graphics-templates/remotion/cursor) (Remotion, 클릭): 부드러운 그림자와 클릭 물결 고리가 있는 깔끔한 macOS 스타일 커서로, 화살표나 손 모양으로 제품 데모에 쓸 수 있습니다.