Run and deploy your AI Studio app

This contains everything you need to run your app locally.

View your app in AI Studio: https://ai.studio/apps/drive/1ggcfQNwQs0cGrbzb1oapySzBvuP5I1ha

Feature (Github Version)

• WebGL Fluid Background: Implements a dynamic fluid background effect using WebGL shaders. Reference
• Canvas Lyric Rendering: High-performance, custom-drawn lyric visualization on HTML5 Canvas.
• Music Import & Search: Seamlessly search and import music from external providers or local files.
• Audio Manipulation: Real-time control over playback speed and pitch shifting.

Run Locally

Prerequisites: Node.js

1. Install dependencies: npm install
2. Set the GEMINI_API_KEY in .env.local to your Gemini API key
3. Run the app: npm run dev

Screenshot

Shader source: https://www.shadertoy.com/view/wdyczG

Vibe coding with gemini3-pro, gpt-5.1-codex-mini, and claude-sonnet-4.5. The first version only took 10 mins.