마이크로 인터랙션 테스트 페이지
12가지 마이크로 인터랙션을 실시간으로 테스트하고 조절해보세요
Smart Toast
여러 알림을 자동 정렬하는 토스트 시스템
Action Dock
빠른 실행 버튼 모음 도크
Card Glare
커서 위치에 따라 빛 반사 효과
마우스를 올려보세요
Ghost Assist
인풋에 내장된 로딩 인디케이터
Command Search
어디서나 접근 가능한 검색 오버레이
Skeleton Morph
시선을 끄는 로딩 트랜지션
Chip Spring
태그·칩의 탄성 반응 효과
React
Vue
Angular
Svelte
Magnet Drop
자석처럼 붙는 드래그 움직임
A
B
드래그해서 자석 효과를 체험하세요
Adaptive Empty
상황별 빈 상태 안내 UI
데이터를 불러오는 중...
잠시만 기다려주세요
Notify Pulse
새 알림 시 카운터가 뛰는 효과
0
Tab Stretch
탄력있는 탭 인디케이터
탭을 클릭해서 탄력 효과를 확인하세요
Modal Soft
부드럽게 등장하는 모달