Magna · Sound Check

Every UI sound the engine (ui-sounds.js) can make, in one place. Tap a tile to hear it. The note under each tells you when it fires in real use. Approve the set, then it ships site-wide.

Clicks & Navigation

the base layer — fires on every button/card/link

Toggles

switches, checkboxes, layer on/off

Panels & Disclosure

modals, dropdowns, expanding sections

Feedback

the result of an action

Transitions

NEWpage-to-page choreography you asked for

Live auto-wired demo

the real declarative path — these self-fire, no per-element code
↑ These also play the base click blip on top — that's the real, layered behavior on a live page.