Aspekt logoAspekt UI

Sonification explains how Aspekt uses optional sound feedback to make interface state changes feel clearer.

Interaction sound

Sonification is Aspekt's optional layer for short, intentional audio feedback. It can make presses, toggles, confirmations, and errors feel more immediate while letting apps subscribe to the sound depths that match their product.

enabled

mobile enabled

variant

interactions

depth

cues

depth

feedback

depth

Sound is silent until your app opts in with SoundProvider. After that, global settings can enable, disable, tune, change the sound variant, or subscribe to specific sound depths across every Aspekt component that supports sound. By default, SoundProvider subscribes to interactions and cues. Add feedback when continuous controls should make sound while they move. Mobile playback stays off by default and can be explicitly enabled with mobileEnabled.

app-providers.tsxtsx
import { SoundProvider } from "@/components/aspekt/sound-provider"; export function AppProviders({ children }: { children: React.ReactNode }) {  return (    <SoundProvider      enabled      mobileEnabled      depths={["interactions", "cues", "feedback"]}      variant="pop"      volume={0.8}    >      {children}    </SoundProvider>  );}
actions.tsxtsx
import { Button } from "@/components/aspekt/button"; export function Actions() {  return (    <div>      <Button status="success" sound="success">        Publish      </Button>      <Button sound={false} variant="outline">        Quiet action      </Button>    </div>  );}