5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/05lj3a0qaa006.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/368p63l4oh_7-.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/413kuej600yyw.js","/creators-assets/_next/static/immutable/chunks/02hyzon6wywme.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T5e7,

An AI chat that replays itself, for the hero or the feature section of an AI product site.

The whole conversation is one text field, one message per line, in the form user: your question, then ai: the answer. That is the entire authoring step.

When it scrolls into view the question appears, the assistant shows a typing indicator for a beat, then streams its reply in character by character behind a blinking caret. The thread scrolls itself so the newest message stays in view. It loops on a delay you set, or plays once and holds the finished transcript.

Think delay, typing speed, loop delay, avatars, both names, every bubble and text colour, bubble radius and the font are property controls. Nothing is fetched: no avatar images, no fonts, no API and no model. It is a scripted replay, so it says exactly what you wrote, every time, at whatever pace you set.

In the Framer canvas it draws the finished conversation rather than an empty box, and a visitor who has asked for reduced motion gets the finished conversation too, with no typing and no caret.

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

5a:[["$","$L5d",null,{"post":{"id":"01a00bfb-ff6f-7109-a45c-f6e3ea132825","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":"v41rBalo2Ehj6jzburJH","resolved":true,"title":"Chat Thread","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"An AI chat that replays itself, for the hero or the feature section of an AI product site."}]},{"type":"paragraph","content":[{"type":"text","text":"The whole conversation is one text field, one message per line, in the form user: your question, then ai: the answer. That is the entire authoring step."}]},{"type":"paragraph","content":[{"type":"text","text":"When it scrolls into view the question appears, the assistant shows a typing indicator for a beat, then streams its reply in character by character behind a blinking caret. The thread scrolls itself so the newest message stays in view. It loops on a delay you set, or plays once and holds the finished transcript."}]},{"type":"paragraph","content":[{"type":"text","text":"Think delay, typing speed, loop delay, avatars, both names, every bubble and text colour, bubble radius and the font are property controls. Nothing is fetched: no avatar images, no fonts, no API and no model. It is a scripted replay, so it says exactly what you wrote, every time, at whatever pace you set."}]},{"type":"paragraph","content":[{"type":"text","text":"In the Framer canvas it draws the finished conversation rather than an empty box, and a visitor who has asked for reduced motion gets the finished conversation too, with no typing and no caret."}]},{"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":"AI chat that types itself out","slug":"chat-thread","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/01a00bfb-d533-7189-9e6c-34d38369426c.jpg","metadata":{"tint":{"h":240,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-08-16T19:10:58.713Z","updatedAt":"2026-08-16T19:10:58.713Z","publishedAt":"2026-08-16T19:10:58.710Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://safe-book-192450.framer.app/chat-thread","price":"8","paymentUrl":"https://buy.polar.sh/polar_cl_2bSEq6aRW8kpNw1NkOW91LhilL7W0F6VgcMU3352Mcl","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"2gRhFH0CCzdIBCvoRsAU","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-08-16T19:10:59.439Z","updatedAt":"2026-08-16T19:10:59.439Z","reported":false}}],"$L5f"]

Suggested for you