transitions-dev
웹 앱용 프로덕션 환경에서 바로 사용 가능한 CSS 전환 효과. 알림 배지, 드롭다운, 모달, 패널 표시, 페이지 전환, 카드 크기 조정, 숫자 팝업, 텍스트 교체, 아이콘 교체, 성공 확인, 아바타 그룹 호버, 오류 상태 흔들기, 검색/입력 내용 지우기, 스켈레톤 로더, 반짝이는 텍스트, 슬라이딩 탭, 툴팁, 단계적 텍스트 표시, 카드 호버 기울이기, 플러스 기호에서 메뉴로의 변형, 아코디언, 토스트, ‘좋아요’ 버튼, ‘자세히 보기’ 호버, 체크박스 선택, 회전 카운터, 토글, AI 사고 상태, 추론 스트림, 스트리밍 텍스트, 매트릭스 도트 로더, 배너 스태킹 등을 구현할 때 사용합니다. “전환 효과 추가”, “드롭다운 애니메이션 적용”, “모달 창 부드럽게 열기”, “아이콘 교체”, “페이지 슬라이드”, “단계적 애니메이션”, “열기/닫기 전환”, “애니메이션 적용”, “페이드 전환”, "성공 애니메이션", "폼 오류", "유효하지 않을 때 흔들기", "호버 시 들어올리기", "아바타 스택 호버", "검색 내용 지우기", "스켈레톤 로더", "로딩 시머", "텍스트 시머", "슬라이딩 탭", "세그먼트 컨트롤", "툴팁", "텍스트 표시", "카드 기울이기", "3D 호버 기울이기", "커서 눈부심 효과", "메뉴로 이동(+)", "FAB 변형", "아코디언", "접기/펼치기", "확장/축소", "공개", "토스트", "스낵바", "좋아요 버튼", "하트 애니메이션", "자세히 보기 화살표", "체크박스", "체크 애니메이션", "회전 카운터", "주행 거리계", "슬롯 머신 숫자", "토글", "스위치", "생각하는 상태", "AI 상태 표시줄", "에이전트 추론", "추론 스트림", "스트리밍 텍스트", "단어 스트리밍", "매트릭스 로더", "도트 로더", "배너 스택", "스택형 토스트". 또한 “모션 토큰”, “애드혹 전환 스캔”, “하드코딩된 지속 시간을 모션 토큰으로 대체”, “내 애니메이션 토큰화” 및 ‘transitions reveal’, ‘transitions review’, ‘transitions apply’, ‘transitions refine’ 명령어.