Replit - Rime Docs

Build a Replit voiceover application that sends text to Rime and plays the returned audio. The Replit agent generates the application from the prompt below. Keep the Rime API key in Replit Secrets so it never reaches browser code.

Prerequisites

A Replit account
A Rime API key from the API Tokens page

Step 1: Create your app

Paste the following prompt in Replit to build a voiceover studio app. It uses Coda, Rime’s current model, to generate speech. You can change the design or voice lineup, but keep the lines under Use Rime TTS so the agent wires up the endpoint and secret correctly.

Build an Instant Voiceover Studio, a single-page app where users paste text,
pick a voice, and generate professional audio using Rime TTS.

For: Content creators who need quick voiceovers for YouTube, podcasts, and apps.

Design: Rime design language with near-black background (#0D0D0D, #161616),
orange-to-red gradient accents (#FF9300 to #B10000), grey surfaces (#333, #1A1A1A),
Inter font. Clean and premium.

Layout (two-column on desktop, stacked on mobile):

Left Panel:
1. Text input area with character count (1000 max)
2. Voice picker with a grid of 16 Coda voice cards (luna, astra, sirius, estelle,
   lyra, vespera, masonry, eliphas, arcade, atrium, eucalyptus, fern, stucco, transom,
   oculus, moss) with gradient avatars
3. "Generate Voiceover" button following Rime design language
4. Audio controls with play and pause, progress bar, and download wav options.

Right Panel:
5. Three.js particle sphere with a small orb of over 500+ particles, centered in the
   right panel. It slowly rotates when idle with a dim orange tint. When audio plays:
   particles expand outward and glow bright orange (#FF9300) to red (#B10000),
   pulsing with the voice.

Use Rime TTS
API: POST https://users.rime.ai/v1/rime-tts
Header: Authorization: Bearer RIME_API_KEY (stored in Secrets)
modelId: coda
Docs: https://docs.rime.ai/api-reference/coda/http

The Replit agent generates code that reads the RIME_API_KEY from your Secrets and uses it to authenticate the app with the Rime API.

Step 2: Add your API key

Once Replit has created your app, add your Rime API key as a Secret:

On the Replit dashboard, press Cmd + K (Mac) or Ctrl + K (Windows and Linux) to open the command palette.
Search for Secrets and select it.
Select New configuration.
Enter RIME_API_KEY as the key and paste your API key from app.rime.ai/tokens as the value.

Replit stores the value as a Secret so it doesn’t appear in your code or version history. Run the app, paste a sentence, and generate a voiceover. If you hear it, the app is reading the secret and calling Rime. If generation fails, check that the secret is named exactly RIME_API_KEY, since that’s the name the generated code reads.

Learn more