KaleidoScript 🎨 - Interactive Audio Visualizer Creator

Create stunning audio-reactive visualizations with code!

KaleidoScript is an interactive web-based application for crafting beautiful music visualizers and animations using simple JavaScript. Perfect for musicians, content creators, and digital artists looking to enhance their audio with mesmerizing visuals.

Basic javascript knowledge required for advanced editing, but there are plenty of examples to get you started! Play around and see what you can create!

NOTE!!!!!!

- When clicking play, you may need to click it twice to get it to work when changing the audio from the previous play. It is a bug I am working out.
- There are also some features with the UI that arent fully functional. This app is still WIP.

- Also, the recording works all good, but I find for the best results, use OBS screen recording software or any other screen recording software to record the visualizer, then use a free video editor like Clipchamp to crop the video and then you have your visualized song!

✨ Features

Code-Based Animation Engine: Create dynamic visualizations using simple JavaScript
Code hints: While typing, code hints will help detect and suggest what you are typing, making it easier to see what you are coding
Audio Reactivity: Make visuals that pulse and transform to your music
Export Options: Save your creations as PNG, GIF, or video
Responsive Canvas: Adjust canvas size with preset aspect ratios
Built-in Recording: Capture your animations with synchronized audio
Example Library: Dozens of ready-to-use visualizers to customize
3D Capabilities: Create audio-reactive 3D scenes with camera controls

🎵 Perfect For

Musicians releasing new tracks
Content creators needing eye-catching visuals
Live streamers wanting dynamic backgrounds
Digital artists exploring audio-visual art
Beginners learning creative coding

📋 Getting Started

Simply open the app, load an audio file, and experiment with the provided examples. The intuitive editor makes it easy to tweak parameters and see results in real-time.

Kaleido-Script Website