56:I[473921,["/creators-assets/_next/static/immutable/chunks/36c08p67t0nml.js","/creators-assets/_next/static/immutable/chunks/3ayu63s3pbx5h.js","/creators-assets/_next/static/immutable/chunks/2qqxwi6m3n33t.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/1tyeiicl34tqo.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/3k0o12ps7rnq6.js","/creators-assets/_next/static/immutable/chunks/2fw--q9y_1nc-.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/271g_l-8c77ee.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/31xze_yiju0_q.js","/creators-assets/_next/static/immutable/chunks/06p8bv9p94pxh.js","/creators-assets/_next/static/immutable/chunks/42u1pxaq7eeka.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/2gb4kwi-0_ftg.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/102julo6bufcv.js","/creators-assets/_next/static/immutable/chunks/15z5hu5cixks0.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/0mwzcaalgk6io.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/2_dm0za3asre2.js","/creators-assets/_next/static/immutable/chunks/3wj273i6wglef.js","/creators-assets/_next/static/immutable/chunks/30ex342hi0wzr.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/222e_wk0i41rv.js","/creators-assets/_next/static/immutable/chunks/28h79imj-g45k.js","/creators-assets/_next/static/immutable/chunks/3pe6luvwzbwnz.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/33kea80yupbzt.js","/creators-assets/_next/static/immutable/chunks/3oj8b9u7wi0dw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3f2ccywlofkgw.js","/creators-assets/_next/static/immutable/chunks/1-gdi7ej49wy6.js","/creators-assets/_next/static/immutable/chunks/05yll7e_snxjv.js"],"PostDetailCard"] 57:T8f8,

Why tell people your product is great when you can show them what the world is saying? The X Post Card is a high-fidelity Framer component that replicates the familiar look of a X (Twitter) post, designed specifically to turn customer shout-outs into powerful social proof.

Key Features for High Conversion:

Authentic Design: Perfectly mimics the modern X (Twitter) interface, including typography, spacing, and the iconic verified badges (Blue or Gold).
Fully Interactive Experience: Unlike static images, this component is alive. Visitors can click to "Like," "Repost," or "Reply," with real-time numeric increments that reset per session.
Complete Customization: Through the Framer Properties panel, you can instantly change:
- User avatars and display names.
- Post content with multi-line support.
- Timestamps and initial engagement counts.
- Verified status (On/Off).
Responsive & Light: Built directly in Framer for maximum performance and perfect scaling from desktop heroes to mobile feeds.
Engagement Focused: Interactive hover states and active icon colors (like the red heart) provide a premium feel that static testimonials lack.

Ideal For:

Landing Pages: Place it right below your hero section to kill skepticism.
Sales Pages: Use it as a "Wall of Love" to showcase user success.
SaaS Websites: Highlight feature requests or praise from industry leaders.

How to get started:

Drag the X Post Card into your project.
Paste the text of your favorite customer tweet.
Upload their avatar and toggle the "Verified" badge for extra prestige.
Watch your brand authority grow.

Check the Component Settings:

53:[["$","$L56",null,{"post":{"id":"019df2ce-b19c-73bf-b365-ec43034a0d76","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"859a5e4c-977b-4646-a640-ac2590ecd4a5","name":"Avenor Studio","slug":"avenor-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2244689/vc8MF7_BY-JIL0iETIdj2yXvNM6JUYucJQgYryUt","followed":false,"followsYou":false},"media":[],"resources":[{"id":"b2d14UMkgQGt0ccB9920","resolved":true,"title":"X Post Card","body":"$57","bodyJson":null,"introduction":"Verified Social Proof & Authority","slug":"x-post-card","author":{"framerUserId":"859a5e4c-977b-4646-a640-ac2590ecd4a5","name":"Avenor Studio","slug":"avenor-studio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/2244689/vc8MF7_BY-JIL0iETIdj2yXvNM6JUYucJQgYryUt","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/b2d14UMkgQGt0ccB9920/x-post-card-fGPMoePSxcLBfNH178wQq0xrquBf0M","metadata":{"tint":{"h":0,"s":25,"l":13},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-03T22:57:45.514Z","updatedAt":"2026-05-04T08:50:37.113Z","publishedAt":"2026-05-04T11:45:25.404Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://framer.com/m/X-Post-Card-PmADny.js@0lRA5p0Bca69Bf0sAQoA","previewUrl":"https://twitterpostcard.framer.website/playground","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"c3e183d1-597a-4479-8a6f-244ae3c96f40","name":"Cards","slug":"cards"}],"lastSaveId":"0lRA5p0Bca69Bf0sAQoA","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":8,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-04T11:45:25.404Z","updatedAt":"2026-05-04T11:45:25.404Z","reported":false,"type":"post"}}],"$L58"]

Suggested for you