GASAN Vivid Kit

애니메이션

React 애니메이션 컴포넌트

요소의 등장 · 전환 · 상호작용 모션을 담당하는 래퍼와 이펙트 모음입니다. 대부분 자식을 감싸기만 하면 스크롤 진입 시 페이드 · 슬라이드 · 스태거가 붙는 형태라, 기존 마크업을 뜯지 않고도 페이지에 흐름을 줄 수 있습니다. 내부 타이머와 옵저버는 언마운트 시 전부 해제되므로 라우트를 오가도 뒤에 남아 도는 작업이 없습니다.

이럴 때 씁니다

스크롤 등장섹션이 화면에 들어올 때 순차 노출
카드 · 버튼 상호작용호버와 클릭에 반응하는 미세 모션
리스트 스태거목록 항목을 시간차로 흘려보내기
상태 전환열림/닫힘, 성공/실패를 움직임으로 알리기