AI 에이전트를 위한 UI 트랜지션 모음, Transitions.dev 공개
Transitions.dev: UI transitions for AI agents
Jakub Antalik이 만든 Transitions.dev는 웹 앱에 필요한 필수 UI 트랜지션을 모아둔 사이트다. 카드 리사이즈, 숫자 팝인, 알림 배지, 모달 열기/닫기 등 다양한 효과를 복사해 붙여넣거나 코딩 에이전트의 skill로 바로 사용할 수 있다. CSS와 React를 지원하며, Pro 버전에서는 그라디언트 텍스트나 연기처럼 사라지는 삭제 효과 같은 고급 트랜지션도 제공한다.
mask-position에 애니메이션을 걸어도 절대 합성되지 않는다 — 요소를 다시 칠할 뿐이다. 그리고 다시 칠해지는 요소가 displacement 체인 안에 있으면, 매 프레임마다 전체 필터가 CPU에서 다시 실행된다.