Tap Sounds
Tap sounds provide tactile feedback for button clicks and user interactions. These 24 sounds help users feel connected to your app’s interface.
Usage
// Play a tap sound
play ~tap-click
// Play on button press
button "Submit" => play ~tap-professionalAvailable Tap Sounds
Click the play button to preview any sound and copy its tag. You can also click the sound name to copy it.
| Sound | Description | Best For |
|---|---|---|
| Standard button | General buttons | |
| Classic click | Default interactions | |
| Crisp tap | Clean, modern UI | |
| Crisp variant 1 | Alternative crisp | |
| Crisp variant 2 | Another crisp option | |
| Double tap | Multi-tap actions | |
| Soft fuzzy tap | Gentle feedback | |
| Hollow sound | Unique interaction | |
| Kiss-like pop | Playful apps | |
| Mellow tap | Calm interfaces | |
| Metal tap | Industrial design | |
| Muted tap | Subtle feedback | |
| Percussive hit | Strong feedback | |
| Professional UI | Business apps | |
| Resonant tap | Deep feedback | |
| Scratchy tap | Textured feel | |
| Simple tap | Minimalist | |
| Sizzling tap | Energetic | |
| Tiny tap | Micro-interactions | |
| Toothy click | Distinctive | |
| Vocal-like tap | Human touch | |
| Warm tap | Friendly feel | |
| Wood tap | Natural theme | |
| Zipper-like | Sliding actions |
Examples
Button Types
// Primary action button
button "Save" -primary =>
play ~tap-professional
save-changes
// Secondary button
button "Cancel" =>
play ~tap-muted
close-dialog
// Destructive action
button "Delete" -danger =>
play ~tap-metallic
confirm-deleteInteractive List
// Play different sounds for different list items
list $items => item
row =>
play ~tap-click
select-item itemToggle Switches
// Different sounds for on/off
toggle $setting => value
if value
play ~tap-crisp1 // On
else
play ~tap-crisp2 // Off
end