5d:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rc641binzbjp.js","/creators-assets/_next/static/immutable/chunks/12ci1vsd8nj4u.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ply_q-h6u_2z.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1pb7yncyfm9fe.js","/creators-assets/_next/static/immutable/chunks/1j6jg0y72xk13.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/03itqfxm4gmj8.js","/creators-assets/_next/static/immutable/chunks/114fkj16mhe97.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/16inv17cv83xq.js","/creators-assets/_next/static/immutable/chunks/2760bhhttj0zo.js","/creators-assets/_next/static/immutable/chunks/3_z6gb0g1nigd.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/120bipr4k16wv.js","/creators-assets/_next/static/immutable/chunks/3ea2l_ol8wqqa.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1zr4ew02k6y_l.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/08ajsjh8ypdt2.js","/creators-assets/_next/static/immutable/chunks/1ddgh6mv1wg4x.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3t6k2_m2gc3-k.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0w6oa8_ba59u4.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/3c3kl-ixsd844.js"],"PostDetailCard"] 5e:Ta9b,

LivePurchaseFeed – Real-Time Social Proof for Framer

LivePurchaseFeed is a high-performance Framer code component built to increase conversion rates using real-time purchase notifications, signup activity, and upgrade events. It adds subtle, modern social proof to SaaS landing pages, pricing pages, product launches, and marketing funnels.

Key Features

Real-time purchase and signup notifications
Simulated mode with realistic names, cities, and plans
API mode with polling, timeout handling, and automatic fallback
Upload mode for fully controlled, hand-curated entries
Smooth enter and exit animations with reduced motion support
Optional stacked notifications with max stack control
Pause on hover and manual dismiss functionality
Optional sound ping on new activity
Light, dark, and auto theme support
Glass blur styling with soft shadows and rounded corners
Built-in status indicator (Live, Demo, Custom)

Built for Conversion Optimization

Increases perceived traction and product demand
Adds subtle FOMO marketing without being intrusive
Reinforces credibility on pricing and checkout pages
Improves trust signals for new SaaS products
Enhances landing page engagement metrics

API Data Format

Your endpoint should return either:

An array of objects: { name, action, product, city, timestamp }
Or an object containing { events: [...] }

The timestamp can be a number in milliseconds or a valid date string.

Work with me: https://www.upwork.com/freelancers/webflowzlatko

My website: zlatkomarjanovic.com

Insights: zlatkomarjanovic.com/blog

Follow me on X: https://x.com/thezlatkom

Follow me on Linkedin: https://www.linkedin.com/in/zlatkomarjanovic/

5a:[["$","$L5d",null,{"post":{"id":"019cd327-fae6-7ae3-884d-7c9e3615b225","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"0GRklYjGkdh2fxSt7JDQ","resolved":true,"title":"LivePurchaseFeed","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"LivePurchaseFeed – Real-Time Social Proof for Framer"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"LivePurchaseFeed is a high-performance Framer code component built to increase conversion rates using real-time purchase notifications, signup activity, and upgrade events. It adds subtle, modern social proof to SaaS landing pages, pricing pages, product launches, and marketing funnels."}]},{"type":"customHeading","content":[{"type":"text","text":"Key Features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real-time purchase and signup notifications"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Simulated mode with realistic names, cities, and plans"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"API mode with polling, timeout handling, and automatic fallback"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Upload mode for fully controlled, hand-curated entries"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth enter and exit animations with reduced motion support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional stacked notifications with max stack control"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Pause on hover and manual dismiss functionality"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional sound ping on new activity"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Light, dark, and auto theme support"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Glass blur styling with soft shadows and rounded corners"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Built-in status indicator (Live, Demo, Custom)"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Built for Conversion Optimization"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Increases perceived traction and product demand"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adds subtle FOMO marketing without being intrusive"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Reinforces credibility on pricing and checkout pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Improves trust signals for new SaaS products"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Enhances landing page engagement metrics"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"API Data Format"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"Your endpoint should return either:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"An array of objects: { name, action, product, city, timestamp }"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Or an object containing { events: [...] }"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"The timestamp can be a number in milliseconds or a valid date string."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Work with me: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.upwork.com/freelancers/webflowzlatko","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.upwork.com/freelancers/webflowzlatko","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"My website: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Insights: ","marks":[{"type":"bold"}]},{"type":"text","text":"zlatkomarjanovic.com/blog","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"http://zlatkomarjanovic.com/blog","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on X: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://x.com/thezlatkom","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://x.com/thezlatkom","target":"_blank"}},{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Follow me on Linkedin: ","marks":[{"type":"bold"}]},{"type":"text","text":"https://www.linkedin.com/in/zlatkomarjanovic/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://www.linkedin.com/in/zlatkomarjanovic/","target":"_blank"}},{"type":"bold"}]}]}]},"introduction":"Real Time Social Proof Component","slug":"livepurchasefeed","author":{"framerUserId":"537ac2be-4d40-4c3a-837b-ed17e24ae93a","name":"Zlatko Marjanović","slug":"zlatkom","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/332632/avatar-3tnx5Af5LDy2fzl1PlvjFhs9mWLpFw.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/0GRklYjGkdh2fxSt7JDQ/livepurchasefeed-mz2Hh4w5Gew2cTz0fyzCtNiDjdQQPo","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-03-01T19:37:31.908Z","updatedAt":"2026-09-10T14:40:42.661Z","publishedAt":"2026-03-09T15:12:18.662Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/LivePurchaseFeed-xh0TVf.js@EYIIBNxqNZiAtaJ6QWWc","previewUrl":"https://inspired-step-291183.framer.app/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"323e97d6-f443-488c-8661-794a9a83a20f","name":"Effects","slug":"effects"}],"lastSaveId":"EYIIBNxqNZiAtaJ6QWWc","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-03-09T15:12:18.662Z","updatedAt":"2026-03-09T15:12:18.662Z","reported":false}}],"$L5f"]

Suggested for you