Custom Key Viewer

실시간 입력 표시와 자유로운 커스터마이징을 지원하는 키뷰어입니다.

React
TypeScript
Tauri
Tailwind
DM NOTE 앱 화면, 그리드 키 편집기

CSS 커스터마이징

CSS로 키뷰어를 세밀하게 다듬어 원하는 스타일을 적용할 수 있습니다.

플러그인

JavaScript로 나만의 기능을 자유롭게 확장할 수 있습니다.

노트 효과

리듬게임에 최적화된 노트 효과로 시각적 피드백을 제공합니다.

Make it yours

키 배치부터 스타일, 동작까지 전부 직접 설정할 수 있습니다.

키 카운터 표시

각 키 입력 횟수를 기록하고 표시합니다.

OBS 모드

OBS에서 브라우저 소스로 오버레이를 표시합니다.

오버레이 창 고정

오버레이 창이 움직이지 않도록 고정시킵니다.

항상 위에 표시

오버레이 창을 항상 다른 창 위에 표시합니다.

리사이즈 기준점

오버레이 창의 리사이즈 기준점을 선택합니다.

트레이 기능 활성화

창을 닫아도 종료하지 않고 트레이에 남깁니다.

실시간 입력 감지

Windows Raw Input API를 사용하여 키보드와 마우스 입력을 실시간으로 감지하고 시각화합니다.

그리드 기반 레이아웃

직관적인 그리드 시스템으로 키의 크기와 위치를 자유롭게 조절할 수 있습니다.

프리셋 시스템

자신만의 설정을 프리셋으로 저장하고, 언제든지 불러와 사용할 수 있습니다.

다양한 설정

한국어/영어 다국어 지원과 다양한 그래픽 렌더링 옵션을 제공합니다.

설치 없이 바로 실행

무료 오픈소스로 제공됩니다.