Transform Framer Websites with Voice-Enabled InterfaceTransform Framer Websites with Voice-Enabled Interface
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Edgar's avatar
Edgar Yan
pro
• Feb 10
Framer × ElevenLabs Voice Chat
Open-source conversational interface for Framer
We built and open-sourced a drop-in voice + text chat component for Framer websites, designed to work with ElevenLabs agents without any backend.
The component turns a static site into an interactive, voice-navigable interface.
What it supports
Voice and text chat in a single widget
Page navigation triggered by voice commands
WebGL audio visualizer with real-time feedback
Mobile overlay mode for small screens
Setup is minimal. Paste your Agent ID and the component is live.
This project focuses on making conversational interfaces practical for production websites, not demos — treating voice as a first-class input alongside traditional navigation.
Live demo skai.dev
Source code github.com/edogbeatz/framer-elevenlabs-voicechat
ElevenLabsFramerReact
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started