Skip to content

component

Facebook Social Post

By Aidan Looker

Details

Summary

What is Facebook Social Post?

Description

What is Facebook Social Post? Social Media Post is a production-ready component that replicates authentic social media interactions. Ideal for case studies, agency portfolios, testimonial displays, and app mockups. Switch between personal, page, and group post types with automatic content and image theming. Built with smooth animations and real engagement features. Core Features Interactive reaction system with Like, Love, Haha, Wow, Sad, and Angry reactions with animated tray and hover labels Multi-image grid layouts with built-in fullscreen lightbox navigation Native video playback with poster thumbnail support Post type presets that automatically switch avatar, content, and default images Customisable engagement metrics with hover tooltips showing reactor names Light and dark theme modes with adjustable corner radius and shadow Controls inside Framer Post Identity Post Type (Personal, Page, Group) Username Page Name / Group Name Anonymous posting toggle Verified badge Follow button Content Avatar image Timestamp Visibility setting Post text with 'see more' truncation Max lines control Media Media type (None, Single, Multiple, Video) Image array with up to 6 images Grid or Stacked layout Video file upload Video thumbnail Link Preview Toggle link preview card Preview image, title, description, source URL Engagement Reaction, comment, share, and view counts Reactor names for hover tooltips Top 3 reaction emoji selector Appearance Light/Dark theme Corner radius Shadow intensity Accent colour Behavior Long press to reveal reactions Reaction tray delay Initial reaction state Close button toggle Best use cases SaaS landing pages showcasing social proof or testimonials Agency portfolios displaying campaign mockups App and product mockups requiring realistic social context Case studies demonstrating social media reach and engagement Questions or custom requests? We design and build custom Framer components. Get in touch at contact@teampixel.com.au .

Introduction

Realistic interactive image/video post

Rank history

Daily rank per list, from the first snapshot — lower is better.

125015001750184248/148/228/309/79/15
  • All · #8424