Live preview Accordions
Dynamo Keys Accordion
Shortcut groups list their key caps while a small dynamo wheel keeps turning.
#keyboard CSS effects
6 free, pure-CSS effects match the "keyboard" tag. Each is copy-ready and needs no library or build step.
Live preview Accordions
Prairie Key Accordion
Keyboard shortcut badges sit in the header and press down while open.
Live preview Alerts
Circuit Shortcut Alert
A hint strip whose key caps press down while a circuit trace runs along the base.
Live preview Alerts
Gleam Focus Alert
A keyboard hint where a gleam travels around the focus ring drawn on a sample button.
Live preview Modals
Ember Shortcuts Modal
A shortcut sheet lifts from below and its border keeps breathing with a warm ember glow.
Live preview Tables
Dash Keyboard Shortcuts
Shortcut rows render real key caps that sink into the board when the row is pointed at.