Freestyle-ready lyric scrapbook.
You riff the bars — we fill the gaps.
Gibberish in, killer lines out.
Riff Rap is a web app for snapping down lyrics from your voice — line by line, riff by riff.
You talk, mumble, freestyle, rant — whatever gets the spark going.
As the words come out, they land in a text box. If something hits, you grab it. If it doesn't, you re-roll. If you collect enough good ones, you can rearrange them, edit, and copy or download the result.
It's especially good for when you're half-singing, half-thinking — testing ideas, rhythms, phrasing.
Even when you're just mumbling gibberish, Riff Rap tries to meet you halfway.
It fills in the gaps, makes sense of the nonsense, and helps you catch what was almost there.
It's not about getting it right. It's about getting it out.
- 🔵 Turns your vocal gibberish into usable lyric ideas
- 🟣 Snap the lines that feel good
- 🟢 Re-roll the ones that don't until they make sense
- 🟡 Test rhythms, flows, and melodies without committing
- 🟠 Rearrange, edit, compile, and export when it's feeling right
That's it. No more, no less. It gets out of your way.
Because mumble-to-meaningful is where the magic happens.
Because sometimes you need to make a mess to find the line.
Because your best vocal ideas often come from half-formed thoughts and rhythms.
It's a bridge between your voice's raw energy and words that actually work.
- Speak — Mumble, freestyle, or just make sounds with rhythm
- Snap — Riff Rap intelligently interprets your vocal patterns
- Refine — Keep re-rolling until the gibberish becomes gold
- Arrange — Drag, edit, and compile your best lines
- Export — Take your lyrics anywhere
The rougher, the better — Riff Rap thrives on turning vocal chaos into lyrical order.
- SvelteKit – Reactive UI with minimal overhead
- Tailwind CSS + DaisyUI – For the SoftStack™ design aesthetic
- Google Gemini 3.1 Flash-Lite – AI-powered voice transcription that understands context
- Custom Audio Visualizer – So you know when you're being heard
- PWA-ready – Install as an app on any device
- Brain-friendly UX – Designed for creative flow states
-
Clone and install dependencies:
git clone https://github.com/pibulus/riffrap.git cd riffrap npm install -
Add your Gemini API key: Create a
.envfile in the project root:GEMINI_API_KEY=your_api_key_here
Get a free API key at Google AI Studio
-
Start development server:
npm run dev # or open in browser automatically npm run dev -- --open
Riff Rap is built for Cloudflare Pages with @sveltejs/adapter-cloudflare.
The Gemini key is read only on the server.
npm run buildSet these environment variables in Cloudflare Pages:
GEMINI_API_KEY=your_api_key_here
GEMINI_MODEL=gemini-3.1-flash-lite-preview
ALLOWED_ORIGINS=https://riffrap.app
API_RATE_LIMIT=10
API_RATE_WINDOW_MS=60000
MAX_UPLOAD_BYTES=15728640Mezcal, churros, tramadol and the B-52s
Riff Rap Proprietary License – All rights reserved. Personal use is permitted, but commercial use requires explicit permission. See LICENSE file for details.