Number Counter 코드 컴포넌트

프레이머에서 숫자를 단순히 표시하는 것을 넘어, 시선을 사로잡는 동적 효과를 주고 싶다면? Number Counter 컴포넌트를 활용해 보세요.

이 컴포넌트는 지정한 시작 값(From)에서 끝 값(To)까지 숫자가 부드럽게 변화하는 애니메이션을 구현합니다. 예를 들어, 방문자 수, 판매량, 퍼센트 변화 등을 시각적으로 강조하고 싶을 때 효과적입니다.

사용자는 시작값·종료값, 애니메이션 지연 시간(Delay), 재생 시간(Duration), 숫자 크기(Size), 색상(Color), 간격(Spacing) 등을 자유롭게 설정할 수 있어 원하는 스타일과 속도에 맞춰 연출이 가능합니다.

단순한 수치를 ‘움직이는 정보’로 만들어, 페이지나 대시보드에 생동감을 불어넣고 싶을 때 유용한 컴포넌트입니다.

프롬프트

Make a number counter that animates from a start value to an end value I can customize