Jakubantalik/thinking-orbs
AI UI용 로딩 애니메이션 라이브러리 'thinking-orbs' 공개
원제 Jakubantalik/thinking-orbs
스타 3,109당일 +168TypeScript
Key Point
AI 애플리케이션에서 사용자 경험을 높이는 로딩 상태 표현이 중요해지고 있으며, 이 라이브러리는 실제 개발 환경에서 즉시 적용할 수 있는 완성도 높은 UI 컴포넌트를 제공합니다.
핵심 요약
- AI와 에이전트 UI용 점 모양 로딩 애니메이션 라이브러리로, 9가지 서로 다른 에이전트 상태를 표현합니다.
- 64px(채팅 아바타)와 20px(인라인 텍스트) 두 가지 크기로 제공되며, 각각 점 개수와 속도가 따로 튜닝되어 있습니다.
- WebGL이나 필터 없이 순수 2D 캔버스로 구현되어 Chrome, Safari, Firefox에서 동일하게 작동합니다.
- 자동으로 다크/라이트 테마를 감지하며, 모션 줄임 설정 시 정적 프레임으로 렌더링되고, 화면 밖일 때 자동으로 일시정지됩니다.
- MIT 라이선스로 공개되었으며, npm을 통해 설치 가능합니다.
저장소 보기 ↗github.com