5c:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2qsfz_74auu2_.js","/creators-assets/_next/static/immutable/chunks/1xkjm3oyldl_r.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3yfgkb3cck8zt.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/3kyaj4hrugjs0.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2ryuxt_mk774w.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0e-wwv74y78f7.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js"],"PostDetailCard"] 5d:T6b7,

A voice agent waveform that cycles through the four states a voice AI is ever in: idle, listening, thinking and speaking. For voice AI, AI receptionist, AI call centre and AI SDR sites that would otherwise paste in a video of a waveform.

Each state has its own motion. Idle settles to a low line with a slow breath. Listening rises through the middle and jitters at a sensitivity you set. Thinking runs a single ripple left to right. Speaking is a full waveform with syllable-like bursts. States crossfade rather than jumping.

There is no microphone in it. It never asks a visitor for audio permission and there is no audio API in the file at all: every bar height is arithmetic over elapsed time, so it behaves identically for every visitor and asks them for nothing.

Leave it on auto and it cycles, with its own hold duration per state, or pin one state so you can screenshot each. Bar count, width, gap and radius, wave height, every colour, the four state labels (so they can be translated) and the font are property controls.

The bars are written straight onto their own nodes as a transform rather than re-rendered every frame. In the Framer canvas, and for a visitor who has asked for reduced motion, it draws a full speaking waveform rather than a flat line.

After purchase you receive the component URL. In Framer, press Insert, choose Add Component URL, and paste it.

Licence: yours to use on your own sites and on client sites, commercially, with no attribution. Not for resale or redistribution: do not share the component URL, and do not publish the component or its code anywhere, paid or free. Full terms arrive with your purchase. Questions: me@majedesigns.dev

59:[["$","$L5c",null,{"post":{"id":"01a00bfe-de22-7241-8958-864924d0ae8f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"2a3b7013-68f9-4044-aeeb-2e017c0907e5","name":"Majed Monem","slug":"majed-monem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/rz7b98pc","followed":false,"followsYou":false},"media":[],"resources":[{"id":"ga2BsJWvl9jvWXmsgHaY","resolved":true,"title":"Voice Wave","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A voice agent waveform that cycles through the four states a voice AI is ever in: idle, listening, thinking and speaking. For voice AI, AI receptionist, AI call centre and AI SDR sites that would otherwise paste in a video of a waveform."}]},{"type":"paragraph","content":[{"type":"text","text":"Each state has its own motion. Idle settles to a low line with a slow breath. Listening rises through the middle and jitters at a sensitivity you set. Thinking runs a single ripple left to right. Speaking is a full waveform with syllable-like bursts. States crossfade rather than jumping."}]},{"type":"paragraph","content":[{"type":"text","text":"There is no microphone in it. It never asks a visitor for audio permission and there is no audio API in the file at all: every bar height is arithmetic over elapsed time, so it behaves identically for every visitor and asks them for nothing."}]},{"type":"paragraph","content":[{"type":"text","text":"Leave it on auto and it cycles, with its own hold duration per state, or pin one state so you can screenshot each. Bar count, width, gap and radius, wave height, every colour, the four state labels (so they can be translated) and the font are property controls."}]},{"type":"paragraph","content":[{"type":"text","text":"The bars are written straight onto their own nodes as a transform rather than re-rendered every frame. In the Framer canvas, and for a visitor who has asked for reduced motion, it draws a full speaking waveform rather than a flat line."}]},{"type":"paragraph","content":[{"type":"text","text":"After purchase you receive the component URL. In Framer, press Insert, choose Add Component URL, and paste it."}]},{"type":"paragraph","content":[{"type":"text","text":"Licence: yours to use on your own sites and on client sites, commercially, with no attribution. Not for resale or redistribution: do not share the component URL, and do not publish the component or its code anywhere, paid or free. Full terms arrive with your purchase. Questions: me@majedesigns.dev"}]}]},"introduction":"Voice agent in its four states","slug":"voice-wave","author":{"framerUserId":"2a3b7013-68f9-4044-aeeb-2e017c0907e5","name":"Majed Monem","slug":"majed-monem","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/rz7b98pc","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/2a3b7013-68f9-4044-aeeb-2e017c0907e5/01a00bfe-b4c2-746c-b771-ab15281828ac.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-16T19:14:07.009Z","updatedAt":"2026-08-16T19:14:07.009Z","publishedAt":"2026-08-16T19:14:07.006Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://safe-book-192450.framer.app/voice-wave","price":"8","paymentUrl":"https://buy.polar.sh/polar_cl_egKnlxh7Knl6ywxRXDJ3rf1FDsLnc8oxv42vB0SHLFE","workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"FbC2cbOsICYf4tjC8F9b","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":3,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-16T19:14:07.522Z","updatedAt":"2026-08-16T19:14:07.522Z","reported":false}}],"$L5e"]

Suggested for you