5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.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/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.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/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.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:Ta9d,

POSTsimulator is a polished, brand‑agnostic social post component purpose‑built for Framer projects. It mirrors familiar post anatomy—avatar, username, optional verification, location, media carousel, action bar, likes line, and timestamp—while remaining fully customizable from the right panel. The code is clean, performant, and designed to centre perfectly in a 4:3 live preview, making it ideal for prototypes, marketing shots, and UI kits.

Features

Swipe able media: drag/swipe carousel with dots and an X/Y counter for up to 8 images.
Like interactions: double‑tap heart burst with smooth scaling, rotation, and fade.
Action bar: like, comment, bookmark, and a clean right‑facing send icon.
Theming: light and dark modes with balanced text, borders, and media backgrounds.
Layout controls: adjustable post width and border radius to match any design language.
Metadata: optional location line and timestamp with clear visual hierarchy.
Likes section: “Liked by [user] and [count] others,” with optional overlapping avatars.
String counts: enter likes/comments as plain text (e.g., “44,686”, “5.6K”, “999+”).
Single comment mode: highlight a featured comment for hero shots or case studies.
Keyboard navigation: left/right arrows to flip media during reviews and demos.

What you can do with it

Prototype social feeds for apps, websites, or concept demos quickly.
Produce marketing visuals and case‑study screenshots that look real.
Standardize a reusable post card in design systems and UI libraries.

Customization (in the right panel)

Theme: switch between light/dark.
Profile: username, avatar, optional verification, location visibility.
Media: provide up to 8 image URLs; reorder or limit with max items.
Actions: toggle like, comment, bookmark, and share.
Counts: likes/comments as strings; show/hide “liked by” and avatars.
Comment: enable single comment view with user and text.

5a:[["$","$L5d",null,{"post":{"id":"0199bb4e-20e8-7eaa-8b1c-5968d82a6d5f","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","slug":"rayan-yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"DWNcaPqEdMMhTbw7ddVN","resolved":true,"title":"POST simulator","body":"$5e","bodyJson":null,"introduction":"A Social Media Post Simulator","slug":"postsimulator","author":{"framerUserId":"4b6fcd8f-a982-4dfd-a445-68ca06faffec","name":"Rayan Yasser","slug":"rayan-yasser","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/581419/avatar-YkJwZ1FYIh403vC5X1WGq1BaayIxhv.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/DWNcaPqEdMMhTbw7ddVN/postsimulator-zi69cRc0Ph4ZYPGTmJ6s8n0u1pci5W","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1600,"height":1200}}],"post":null,"createdAt":"2025-09-28T20:32:01.729Z","updatedAt":"2026-01-28T13:41:51.806Z","publishedAt":"2025-10-06T20:54:43.688Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://post-simulator.framer.website/","price":"3","paymentUrl":"https://yasserrayan.gumroad.com/l/POSTsimulator","workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"yYL1UqMZ4vBjHvEBEqeq","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2025-10-06T20:54:43.688Z","updatedAt":"2025-10-06T20:54:43.688Z","reported":false}}],"$L5f"]

Suggested for you