Keyboard Light StudioReactive RGB Engine
Checking browser…
LIVE EFFECT ENGINE

Make the keyboard react.

Press keys, click the virtual board, or drag across it. Electric Touch is tuned for the spreading red afterglow style from your reference.

EFFECTElectric Touch
● LIVE
LIVE PREVIEWFull-size keyboard
60 FPS
Click or drag across keys • physical key presses react while this page is active

Electric Touch
Impact flashes at the pressed key, spreads through neighboring keys and leaves a fading hot trail.

WEBHID HARDWARE BRIDGE

Connect the real keyboard.

Chrome/Edge can expose a vendor-specific RGB/control HID collection even though normal keyboard collections are protected.

CONNECTIONDevice status
Not connected
WebHID
HTTPS
OpenedNo
Output
Feature
Input
SELECTED DEVICE

No keyboard selected

VID — • PID —

RGB DRIVERHardware output
Analyzer mode

A HID connection does not tell us which bytes mean “make G red.” Load a driver profile made for the connected VID/PID before live output is enabled.

Drop keyboard driver profile hereor choose a .json file
DEVICE ANALYZERHID collections & reports
No device data yet

Connect a keyboard to inspect accessible collections, report IDs and report sizes.

LIVE INPUT REPORTSReport monitor
Waiting for an accessible HID device…
LOCAL PRESETS

Your lighting library.

Saved in this browser. Export them whenever you want.

COMPATIBILITY CHECK

See what the browser can actually do.

This separates browser restrictions from keyboard firmware restrictions.

DEPLOYMENTHostinger checklist
1

Use HTTPSRequired for WebHID and media APIs.

2

Use Chrome/EdgeOpen the studio directly, not inside an iframe.

3

Click ConnectDevice permission must start from your click.

4

Export diagnosticUse it to build the exact RGB driver.

KEYBOARD LIGHT STUDIO

Hostinger-ready web build.

Works now

  • Reactive effect engine
  • Electric Touch + 17 effects
  • Physical key reactions while focused
  • Audio Pulse and Screen Ambient
  • WebHID analyzer
  • PWA/offline app shell
  • Preset library

Depends on keyboard

  • Actual per-key LED output
  • Fast hardware frame rate
  • Brightness/effect commands
  • Vendor-specific HID access
  • LED ordering and packet format

Browser boundary

A normal website cannot globally read every key you press in other Windows apps. While Studio is focused it reacts normally; Immersive Mode captures more keys. True system-wide reactions need a small desktop companion.

Privacy

No analytics or backend. Screen frames, microphone data, HID reports and diagnostics stay local unless you explicitly export a JSON file.