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
Guess this direction was the most voted in the taste test, so here’s a motion touch added to the concept.🙌
I’m also thinking about publishing my first template on the Framer marketplace.
Creators who’ve already launched one, what’s the biggest thing I should prepare for?
ILLUME has such a moody, cinematic feel — that lighting and the hand composition are stunning! Definitely launch it on the Framer marketplace. My biggest tip: have the preview video ready before launch day. It converts like crazy!
We redesigned and built 3-11 Cloud Consulting’s website in #Framer, clarified service positioning, and created a cohesive UI system to communicate credibility and scale.
3-11 helps enterprise teams modernize operations across NetSuite, Salesforce, and AI.
See it live → 3-11cloud.com
The positioning clarity here is strong — especially how the UI system reinforces enterprise credibility. The structure feels scalable rather than just visually polished. Clean execution 👌
Add so much fun and creativity with this project
really great work, Miguel!
Trending
maxearnings
The next frontier of payments is live on Contra. How are you maximizing revenue?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
aidesignflow
AI tools are redefining how designer work. What does your workflow look like?
micrographics
Micrographics started as utility - barcodes, packaging, instruction labels. How would you use them?
aivideo
AI video tools are moving at warp speed. What tools are you using?