The simplest way to add voice to your website with multiple TTS providers
One API. Multiple providers. No vendor lock-in.
You want to add text-to-speech to your site. But now you need to:
Supernal TTS gives you one API that works with all of them.
Click to hear OpenAI voices. Switch providers anytime without changing your code:
OpenAI, Cartesia, Azureβuse any provider with the same code. Switch anytime.
We cache generated audio. Same text requested twice? Served instantly from cache.
Add two lines of HTML. That's it. No backend changes needed.
Direct provider integration. No unnecessary middleware slowing things down.
Use your own API keys. You control costs and data.
Fork it, modify it, deploy it yourself. No black boxes.
Option 1: Use Our Hosted API (Recommended)
<!-- Add to your HTML -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/supernal-tts-widget@latest/dist/styles.css">
<div class="tts-widget" data-text="Your text here">
Your text here
</div>
<script src="https://cdn.jsdelivr.net/npm/supernal-tts-widget@latest/dist/widget.js"></script>
<script>
SupernalTTS.init({ apiUrl: 'https://tts.supernal.ai' });
</script>
Option 2: Deploy Your Own Instance
OPENAI_API_KEY in environment variablesThis demo shows the basics. For complete guides, API reference, and advanced features:
Learn how to: