Audio Waveform Visualizer - Online See Your Sound
Visualize audio in real time from your microphone or uploaded audio file. See the waveform dance. Uses Web Audio API locally.
UD5 Toolkit
Upload audio, add text, and watch words light up as they're spoken
Drop your audio file here
or click to browse
MP3, WAV, OGG, M4A, FLACUpload an audio file and enter your text above to see words highlighted in real-time
Visualize audio in real time from your microphone or uploaded audio file. See the waveform dance. Uses Web Audio API locally.
Play an audio file or use mic to see realβtime frequency bars. Choose colors. Great for music videos. Canvas.
Hear text spoken word by word with boundary events. See the exact index and character. Advanced TTS dev tool.
Change the text input cursor color. See the effect live. Copy the minimal CSS. Simple but delightful.
Test your browser's builtβin speech recognition. Speak and see the transcribed text appear live. Mustβhave for voice app devs.
Tune your guitar using the browser microphone. Detects pitch and shows deviation from standard tuning. No installation, pure client-side audio processing.
List all available TTS voices on your system. Test each with any text. Adjust rate and pitch. Find the best voice.
Compare :focus and :focusβvisible styling. See which one applies when using mouse vs. keyboard. Accessible focus management.
Paste HTML and see a before/after comparison of minified output. Check the byte savings. All local.
Play leftβonly, rightβonly, and frequency sweeps to test your speakers or headphones. Quick audio check.
Click buttons to play real animal sounds: lion roar, bird tweet, dolphin click. Studio recorded. No load.
Create a reflection effect for images or text using boxβreflect. Adjust direction and offset. Copy the CSS.
Paste your speech, set time limit, and practice with a pacing indicator (words per minute). Refine delivery.
Adjust opacity visually with a slider and see the different CSS representations (opacity property vs RGBA/HSLA). Copy best option.
A precise online metronome with adjustable BPM, beat emphasis, and time signature. Works offline. Essential for musicians.
Set a list of agenda items with allocated minutes. Advance through speakers and see remaining time visually. Keep meetings on track.
Paste a robots.txt file and validate its syntax. See if a specific userβagent can access a path. Essential for webmasters.
See a comprehensive table of which modern web APIs your current browser supports. Includes WebGPU, AVIF, and more.
Track attendance for multiple subjects. Mark present/absent and see percentage. Data in localStorage. Simple student tool.
Enter a URL and generate a responsive iframe embed code with correct aspect ratio. Supports YouTube, maps, and more.
Click any element on a demo page and see which events are attached. Visual debugger for event handling.
Paste text and align it left, center, right, or fully justify by inserting spaces. Simple formatting helper. Pure browser.
Turn your browser screen into a fullβcolor flashlight or strobe. Adjust brightness and color. Simple utility.
Record your screen, window, or tab with audio directly in the browser. Download as WebM. No extension required.
Record your screen, window, or tab with audio directly in the browser. Download the recording as a WebM file. No upload.
Paste robots.txt content and parse it to check validity, find disallowed paths. Educational SEO tool. Local processing.
Create a custom element with named slots and see content projection in action. Learn Web Components basics.
Generate a Lit Element web component skeleton with styles and properties. Copy and start coding immediately.
Click for a warm, encouraging sentence to lift your spirits or support a friend. Small positive boost. No repeats.
Select any HTML element on a page and capture its screenshot. Download as PNG. Perfect for bug reports. JavaScript API demo.