Custom Key Viewer

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

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

CSS 커스터마이징

CSS로 키뷰어를 세밀하게 커스터마이징하여 원하는 스타일을 적용할 수 있습니다.

실시간 입력 감지

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

플러그인

JavaScript로 나만의 기능을 자유롭게 확장할 수 있어요.

Make it yours

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

실시간 입력 감지

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

그리드 기반 레이아웃

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

커스텀 CSS 지원

CSS로 키뷰어를 세밀하게 커스터마이징하여 원하는 스타일을 적용할 수 있습니다.

프리셋 시스템

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

오버레이 모드

게임 위에 투명하게 표시하거나 OBS로 크로마키 없이 캡처할 수 있습니다.

노트 효과

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

키 카운터

키 입력 횟수를 실시간으로 표시합니다.

다양한 설정

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

설치 없이 바로 실행

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