Web Audio · HTML5 · Open Source

Instant sound effects, with real audio.

A pixel-perfect, responsive clone of myinstants.com populated with 60+ real MP3 sounds. Features 3D button animations, categorized sound search, browser favorites, custom audio uploads, and an automatic Web Audio synthesizer fallback.

View source on GitHub Installation & Usage
  • Vanilla JS
  • Web Audio API
  • 60+ Sounds
  • Custom Uploader
Soundboard controls
🔴 Vine Boom — [MP3] 0.8s
🔴 Bruh — [MP3] 1.1s
🔴 Sad Violin — [MP3] 2.4s
🔴 Metal Pipe Clang — [MP3] 1.6s
• Fallback: Synthesized Web Audio engine (no dead buttons)
MyInstants Clone · Real MP3s & synth fallbacks
60+ Sound ButtonsPopulated with real MP3s from official CDN feeds
Web Audio FallbackSynthesizes audio oscillators if network or CORS is blocked
Zero DependenciesPure HTML, CSS, and vanilla JS running on any static host

Interactive Web Audio

Responsive, fast, and tactile.

Features authentic 3D button press animations, ripple effects, volume sliders, and overlap toggles.

Real Audio Streams

Plays real MP3 files via browser <audio> elements with volume controls and optional polyphonic audio overlap.

Search & Categories

Instant search filtering by name and sound category: Memes, Gaming, Movies, Anime, Reactions, Sports, and Notifications.

Local Favorites

Star your favorite sounds to keep them pinned at the top of your soundboard. Saved in browser localStorage across visits.

Custom Sound Upload

Drag and drop your own MP3 or WAV clips to create custom instant buttons stored as data URLs directly in your browser.

Installation & Setup

Run MyInstants Clone.

Static web application requiring zero dependencies, compilers, or build steps.

Installation Steps

  1. 1. Clone the repository

    git clone https://github.com/mob5824m-wq/Myinstantsclone.git && cd Myinstantsclone

  2. 2. Start static HTTP server

    python3 -m http.server 8000
    Or use any static hosting environment (GitHub Pages, Netlify, Nginx).

How to Use

  1. 1. Open soundboard

    http://localhost:8000

  2. 2. Play instant sounds

    Click or tap any 3D button to play. Adjust master volume or toggle the "Overlap" switch for simultaneous sounds.

  3. 3. Search & favorites

    Type in the search box to find sound memes, or click the heart button to save clips to your Favorites list.

  4. 4. Upload your own clips

    Use the upload panel to drag and drop audio files, generating custom instant buttons instantly.

Architecture

Graceful audio degradation.

Never encounter a silent or broken button.

01 / CDN

Direct MP3 streaming

Sound clips stream directly from cloud CDN with zero server bandwidth required on your host.

02 / SYNTH

Web Audio engine

If network connection fails or a sound is offline, the client synthesizer generates procedural audio.

03 / BADGES

Visual playback status

Badges clearly indicate whether each sound played from authentic MP3 media or the synth engine.

GitHub repository ↗ All projects