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
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
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
Related posts
Earlier, I shared just the hero. Now here's the whole world. 🌍
ElseWhere is growing into a full packed Framer template, with immersive layouts, custom motion, and thoughtful details.
Launching soon. 👀
PS: This is my first template. More to come. 👀
Great Job man. Good Luck
Exploring the listening state for an AI voice interface.
Which direction would you ship, A or B?
10 voted
29%
25 voted
71%
35 votes
Closed
The particle field looks more polished and beautiful🔥
Solar Energy Website
A thin lime circle tells you which two words this page is about.
The headline sits over a sunset photo of a panel field. The "Get started" and "Explore innovations" buttons share the circle's lime, so the eye moves from the circled words straight to the next step.
Large faded capitals repeat those two words across the sky, faint enough to stay inside the photo. On mobile they break onto two lines, and the headline and button stack above two frosted cards.
Only two words of "Solar Energy for Your Home and Business" are lime, and the whole page follows them.
Designed by the Hue & Machine team.
#SolarEnergy #RenewableEnergy #CleanTech #WebDesign #LandingPage #HeroSection #UIDesign #ResponsiveDesign #MobileDesign #FigmaDesign
This is really cool, Nice job Dmytro