A music visualizer transforms sound into engaging visuals, enhancing the listening experience. It analyzes audio frequencies and rhythms, creating colorful animations that move in sync with the music. This adds an artistic layer to live performances and music videos, inviting viewers to experience music in a vibrant, immersive way.
This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.
Feedback
mrrp mrrp~ :3
i'm rejecting this as the readme and site seem heavily ai generated, please rewrite them yourself.
also, the demo link cannot lead to render, please change it, preferably to nest, and resubmit.
for any questions please open a ticket in #ask-the-shipwrights
Shipwright walkthrough
This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.
Feedback
Hey! Thanks for participating in Stardance! However, the demo link cannot be a railway link; it must be Vercel or similar. Also, when I was trying to see the visualizer, it did not work or let me move around when the song was playing. Please fix it and it should be good to go!
For any questions, please create a ticket in Slack—#ask-the-shipwrights.
Shipwright walkthrough
This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.
Feedback
Hey ,
Your front-end is showing some clear signs of heavy AI usage. Please restyle it yourself so we can see your own work on it!
For any other questions, create a ticket in Slack, #ask-the-shipwrights.
Shipwright walkthrough
Project: Wibei (3D Audio Spectrograph & Real-Time DSP Lab)
Built for: Hack Club Stardance
Creators: @EVINJSUBIN & @aamosm
Repo: github.com/EVINJSUBIN/Wibei | Live: wibei.onrender.com
Audio visualization isn’t just about moving bars — it’s about tactile feedback, visual hierarchy, and immersive atmosphere. In this sprint, we overhauled Wibei into a commercial-grade glassmorphism workstation, added a 3D holographic album art core, wrote a zero-dependency ID3 tag parser, and redesigned our landing page in our signature VOID aesthetic.
We replaced flat panels with an ergonomic, floating dual-deck hardware layout:
.png)
dBFS), elapsed timers, track metadata, and volume scrubber.rgba(10, 10, 14, 0.72)) with backdrop-filter: blur(28px), subtle rim lighting, and responsive LED indicators.In our RING (Pulse) visualizer, tracks with rich artwork now come to life in 3D:
CircleGeometry(4.2)) with dark tinted glass backing and an audio-reactive neon border ring.1.0x center scale.To keep local playback instant without server uploads, we wrote id3.js from scratch:
ArrayBuffer slices.blob: URLs for album covers.#050507), crisp starlight typography (#f8fafc), and titanium slate accents (#8b95a5).UnrealBloomPass threshold to 0.82 — eliminating blinding white glare while keeping geometry razor-sharp.Built entirely with vanilla JS, Three.js (r128), and native Web Audio API — zero bulky UI frameworks, locked 60+ FPS, and zero-latency 32-bit floating DSP.
.png)
.png)
.png)
This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.
Feedback
Hey there,
really nice site, very satisfying!
Unfortunately - as said in the other reviews, this site still looks and feels very AI generated. Please rewrite some of the code by hand and re-ship,
thanks!
Shipwright walkthrough
This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.
Feedback
Hello, it looks like you have used massive amounts of AI more than the 30% we allow, especially in the CSS. Please rewrite in your own style and reship!
Shipwright walkthrough
Live Site: https://wibei.onrender.com | GitHub: EVINJSUBIN/Wibei
Built for: Hack Club Stardance | Collaborators: @EVINJSUBIN & @aamosm
Wibei is an open-source web synthesizer and 3D audio spectrograph built with Three.js WebGL and the native Web Audio API. It lets anyone route audio, manipulate live DSP filter nodes, and render acoustic harmonics in 3D space with zero latency.
100% client-side WebGL & DSP running at 60 FPS.
.png)
This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.
Feedback
Hey! Thanks for shipping your project. It's not quite ready for voting yet, so here's what we'd like you to change:
- Rework the CSS, right now it looks like every other AI-made site. Give it your own style.
- Add a couple of features you came up with yourself to make it more fun to use.
- Try to rewrite the code from scratch , it seem like you have used extensive amount of AI , please note that only 30% max usage of AI is allowed !
Once you've made these, ship it again and we'll take another look!
Shipwright walkthrough
This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.
Feedback
Hi, like mentioned before your UI still looks too AI generated, please rewrite some parts of it and design it yourself too
Shipwright walkthrough
✨ What’s new:Clean Brand Pill: Removed the gold dot from the top-left logo pill. It now features clean, minimal typography (wibei v1.0).Interactive Mini Player:Added a Minimize Button (—) on the right side of the player bar.Clicking it collapses the large deck into a floating Mini Player Pill in the bottom corner (showing the album art, track title, animated mini EQ visualizer, play/pause toggle, and expand button).Expanding it restores the full control deck seamlessly.“Getting Started” Guide Modal (Guide):Added an interactive onboarding modal accessible via the top-right Guide button.Explains how to play audio (YouTube, Demos, Mic, Uploads), how to orbit in 3D, and how to switch visualizer shapes/bloom themes.Includes a 1-click “⚡ Play Synthwave Demo” button right inside the guide for instant reviewer onboarding.Animated Mini EQ Bars: Added dynamic dancing EQ waveform bars right next to the song title when audio is playing.
This needs changes before we can consider it shipped. Review the Shipwright feedback, make updates, then ship again.
Feedback
Hello,
Your README appears to be AI-generated, please rewrite it by hand,
Your UI also appears to be primarily AI-generated, please rework that.
If you have any questions, DM @kaboom or create a ticket in #ask-the-shipwrights.
Shipwright walkthrough
🚀 Final Ship: Wibei is Live! 🎧✨After hours of refining the audio DSP pipeline, tweaking Three.js shaders, and perfecting the UI, Wibei is officially shipped!Try it out live here: 👉 https://wibei-production.up.railway.app/(Open it up, search your favorite track or click the 🎤 mic / 📁 upload button to watch it pulse in 3D!)
Progrees working on a new way to visulize
.png)
Starting of wibi a audio visualizer
.png)