Sounds
Sound tags in Rhyme allow you to add audio feedback and atmosphere to your apps using a simple syntax.
Sound Tag Syntax
In Rhyme, sounds are referenced using the tilde symbol (~) followed by the sound name:
// Play a sound
play ~tap-click
play ~event-success
play ~beep-pop
// With volume control
play ~tap-professional -volume:50
Available Sound Categories
Rhyme includes a rich library of built-in sounds. Check out the Sounds section to explore and listen to all available sounds!
Tap Sounds (Button Clicks)
~tap-click- Classic click sound~tap-button- Standard button press~tap-professional- Clean UI sound~tap-crisp- Crisp tap sound~tap-mellow- Soft, mellow tap
Beep Sounds (Notifications)
~beep-pop- Simple pop notification~beep-alert- Alert notification~beep-attention- Attention grabber~beep-piano- Piano note beep~beep-warmguitar- Warm guitar tone
Event Sounds (Feedback)
~event-success- Success confirmation~event-error- Error notification~event-complete- Task completion~event-cancel- Action cancelled
Slide Sounds (Transitions)
~slide-magic- Magical transition~slide-paper- Paper sliding~slide-network- Digital slide
Using Sounds in Your App
Sounds make your app feel more responsive and polished:
// Button with sound feedback
button "Save" =>
play ~tap-professional
save-data
play ~event-success
// Error handling with audio
if $error
play ~event-error -volume:60
notify "Please try again"
end
// Custom sound mappings
set-sound ~my-click to ~tap-crisp
button "Custom" => play ~my-click
Best Practices
- Be Consistent - Use the same sounds for similar actions
- Keep It Subtle - Lower volumes (50-70) often work better
- Provide Feedback - Use sounds to confirm user actions
- Test on Devices - Sounds may vary across devices
More content coming soon…