A fast, flexible social‑post card for Framer with swipe able media, lively like animations, and one‑click theming. Perfect for prototypes, marketing shots, and UI libraries.
Make it with Workshop
Build your own component with AI
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.