Custom Key Viewer

A key viewer with real-time input display and full customization.

React
TypeScript
Tauri
Tailwind
DM NOTE app window, grid key editor

CSS Customization

Customize your key overlay's appearance with CSS.

Plugins

Extend it freely with your own features using JavaScript.

Note Effects

Provides visual feedback with note effects optimized for rhythm games.

Make it yours

Adjust everything from key layout to style and behavior.

Show Key Counter

Track and display the number of presses for each key.

OBS Mode

Display your input overlay as an OBS browser source.

Lock Overlay Window

Locks the overlay window so it doesn't move.

Always on Top

Keeps the overlay window always on top of other windows.

Resize Anchor

Selects the resize anchor point for the overlay window.

Enable tray mode

Keeps the app in the tray instead of quitting when the window closes.

Real-time Input

Detects and visualizes keyboard and mouse inputs in real-time using the Windows Raw Input API

Grid-based Layout

Freely adjust key size and position with an intuitive grid system

Presets

Save your own settings as presets and load them anytime

Settings

Supports Korean/English and offers various graphics rendering options

No install, just run

Free and open source.