AI Music Generator UI

ReactAIMusicAudioGeneratorUpdated 2026-08-14

When to use: Building music generation products: AI jingle makers, background-music generators, album workflows, and music preview interfaces.

Install
npx skills add ai-music-generator-ui
Git Clone
git clone https://github.com/skillhub-community/ai-music-generator-ui.git

Description

An AI music generation workspace. Composer: a prompt box with quick-start templates ('upbeat corporate jingle', 'lo-fi study loop', 'cinematic trailer underscore'), genre chips, mood sliders (energy, warmth, brightness), and a duration selector (10s jingle to 3min track). On generate, a queue shows the pending request; the result streams in as a track card with waveform, BPM and key metadata, and a play/pause preview. Variation support: 'make 3 more like this' or regenerate with a seed.

Music library: saved tracks with tags, favorite, and a stems/export section (MP3, WAV, and — where the backend supports it — separated stems like drums/melody/bass for further editing). Licensing clarity is surfaced in the UI (commercial-use badge per track). Provider-agnostic: adapters for Suno, Udio, or any custom endpoint; the generation queue handles retry and partial-failure gracefully. Includes a 'make a jingle' guided flow that steps through brand → hook → beat → export, and a preview-sync mode where a generated track plays alongside a slideshow or video storyboard.

AI Hub

Need a model endpoint?

AI Hub is an OpenAI-compatible endpoint for Cursor, Claude Code, and Agent workflows.

Open AI Hub

Metadata

Author@audio_ming
LicenseMIT
Version1.0.0
Dependencies1

Dependencies

Audio Waveform Visualizer