Gallery

Real Keyflow captures, with no stock artwork

The app screenshots here are rendered by Keyflow in CI with --snapshot in English and Tiếng Việt. Use the header switch to change those screenshots; the side-by-side preset comparison is a fixed English-language image.

14 screenshots × 2 languages1 showcase video14 presets, both enginesClick any picture to enlarge
Galaxy Voyage on the GPU stageGPU stage
Galaxy Voyage: rainbow trails over a cosmic ambient layer, drawn by the Direct3D 11 engine.

The stage

What the GPU engine draws

Live play: only the notes you play, the glowing hit line, sparks and the transport bar
Live play: only the notes you play, the glowing hit line, sparks and the transport bar
Neon Violet, the default look, with a chord being held
Neon Violet, the default look, with a chord being held
Galaxy Voyage: rainbow trails over a cosmic layer
Galaxy Voyage: rainbow trails over a cosmic layer
Electric Storm: speed lines and arcs between the keys you hold
Electric Storm: speed lines and arcs between the keys you hold
Your own picture behind the keys, centre-cropped and dimmed 30/100
Your own picture behind the keys, centre-cropped and dimmed 30/100

The interface

Three concert interfaces and the design dock

The Concert Grand start menu, with the interface-language chips
The Concert Grand start menu, with the interface-language chips
The Style page: presets, quick layer switches and the share code
The Style page: presets, quick layer switches and the share code
The Theme page: three interfaces, the theme studio and the quick looks
The Theme page: three interfaces, the theme studio and the quick looks
The General page in Vietnamese: language, graphics engine and settings profile
The General page in Vietnamese: language, graphics engine and settings profile

The session

Choosing a score, practising, recording

The Play dialog: score chooser, per-hand presets, recent songs and the library
The Play dialog: score chooser, per-hand presets, recent songs and the library
Practice: modes, tempo and the A-B loop
Practice: modes, tempo and the A-B loop
History: every run of the open song, the chart and the ghost
History: every run of the open song, the chart and the ghost
Recording: format, resolution, frame rate, audio and transparency
Recording: format, resolution, frame rate, audio and transparency
The F1 card: every shortcut, in three groups
The F1 card: every shortcut, in three groups

All presets

Fourteen looks, two engines, one picture

The CI pipeline renders every built-in preset twice — once with the software renderer and once with the GPU engine — and lays the results out in a single tall picture. It is the quickest way to compare looks, and the way the project proves the GPU stage kept each theme's intent.

  • Neon Violet, Inferno, Aurora Rainbow, Ice Crystal, Two Hands, Classic Roll and Green Screen
  • Sakura Nocturne, Concert Gold, Moonlight Sonata, Galaxy Voyage, Electric Storm, Ocean Depths and Retro Arcade
  • Plus three community presets embedded in the build, labelled COMMUNITY in the list.
Electric Storm on the GPU stageGPU stage
Electric Storm: one of the fourteen looks, here on the GPU engine.

A preview of two preset comparisons; open the full image to see all fourteen

The whole sheet

A preview of two preset comparisons; open the full image to see all fourteen
This preview shows two preset comparisons from the CI mosaic: the software renderer and GPU engine draw each look side by side. The full image covers all fourteen presets, so you can compare pressed-key colour, the horizon, hollow neon tubes and Fire's cracks. Open the full picture.

In motion

One take, no editing

The showcase clip at the top of this site: one take of the GPU stage playing a score, recorded by Keyflow.

How these pictures are made

Keyflow can render its own interface: --snapshot draws a window off-screen and writes it out, --show-settings --settings-tab=… opens straight on a dock page, --play-chord holds a chord so the stage is not empty, and --lang=vi renders the whole interface in Vietnamese for that one run without touching your settings.

CI renders on WARP — Windows' own software rasterizer — so the pictures are reproducible on a runner with no graphics card, and they are re-rendered whenever the interface changes.

Your stage will look like this

Free and MIT licensed. Every app screenshot in this gallery shows the real interface — not stock artwork.