Social overlays

Social, messaging, and notification overlays

Posts, comments, follow cards, notifications, typing states, media cards, and camera HUDs designed to layer over footage.

These are recognizable interface overlays with platform-shaped information hierarchy. They remain separate from generic UI motion because the content and placement conventions are part of the component contract.

14 verified components. Browse every category.

block

Camcorder HUD

hfrm

Responsive REC, battery, editable date placeholder, and timeline-driven counter overlay for creator-camera and camcorder treatments

block

Comment Cards

hfrm

Social comments typing on over footage: avatar pop, username and time, per-character typewriter, likes row; image avatars or initials chips

block

Follower Rush

scn

An X-style follow notification multiplies into an avatar pile while the follower total accelerates, then bends into an undulating social-proof wave.

block

Instagram Follow

hfrm

Animated Instagram follow overlay with profile card and follow button

block

macOS Notification

hfrm

Animated macOS-style notification banner with app icon and message

component

Native Notification Pop

hfrm

One system-faithful notification banner (iOS or macOS) drops in over any scene on an accurate interruptible spring: fast arrival, soft overshoot, settled mass, backdrop blur, app dot, title, one body line. Holds; tucks away only via exit.

component

Notification Pileup

hfrm

Mobile notification cards arrive faster and faster, each new alert pushing the existing stack downward into a dense, anxious tower.

block

Reddit Post Card

hfrm

Animated Reddit post card overlay with upvotes and comments

block

Spotify Now Playing

hfrm

Animated Spotify now-playing card with album art and progress bar

block

Thread Message Stack

hfrm

A source-owned editable conversation stack with arbitrary incoming and outgoing messages

block

TikTok Follow

hfrm

Animated TikTok follow overlay with profile card and follow button

component

Typing Indicator

hfrm

The three-dot chat bubble that says someone is writing: it pops in at the thread's edge exactly as messaging apps do, holds while the reply is coming, and vanishes when the message lands

component

X Follow Card

hfrm

A social follow card with avatar, handle, and follower motion.

block

X Post Card

hfrm

Animated X/Twitter post card overlay with engagement metrics