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…