More Premium Hugo Themes Premium Nextjs Themes

Soundz

Sound Effects Wrapper for Components

Soundz

Sound Effects Wrapper for Components

Author Avatar Theme by kazewaze
Github Stars Github Stars: 30
Last Commit Last Commit: Jun 30, 2025 -
First Commit Created: Aug 8, 2025 -
Soundz screenshot

Overview

If you’re looking to add an engaging audio experience to your web applications, this sound effects library has your back. Built with Vite, it’s designed for developers who want a seamless integration of sound effects into their projects. Whether you’re creating interactive websites or enhancing user interfaces, this library provides a comprehensive and customizable solution.

With a variety of features, you can easily play predefined sounds or load your own MP3 files. Plus, with options for haptics and customizable themes, it ensures users have a unique and immersive experience every time they interact with your application.

Features

  • Predefined Sounds: Easily use a built-in sound named ‘boop’ or specify your own custom MP3 URL for personalized audio experiences.
  • Hover Effects: Play a sound when users hover over elements, enhancing interaction (requires SoundzProvider).
  • Click Sound Control: Option to disable sound on clicks, making it perfect for applications that only require hover sounds.
  • Cooldown Management: Adjust fetch and click cooldowns to prevent repeated sounds from triggering too quickly.
  • Keyboard Integration: Trigger sound effects with specific key presses for added interactivity.
  • Haptic Feedback: Enable vibrations on supported devices for a tactile response when users interact.
  • Custom Tooltip: Show informative tooltips when sounds are played, with customizable text and positions for user clarity.
  • Theming Options: Choose from various themes such as light, dark, neon, or create your own custom theme for a personalized look and feel.