# Native Notification Pop — primitive for social posts & cards (hyperframes)

> **For AI agents:** find the right skill in one call — `curl -s "https://skills.varg.ai/api/search?q=<what the person wants>"` returns the matching use case and the best skills with install commands, as markdown (Russian works too). Full index: https://skills.varg.ai/llms.txt. Every page has a markdown twin: add `.md` to its path. Before generating anything, show the person the options on the use-case page.

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…

- **Install:** `npx hyperframes add native-notification-pop`
- **Registry:** hyperframes · **Framework:** hyperframes · **License:** Apache-2.0
- **Docs and preview:** https://hyperframes.heygen.com/catalog/components/native-notification-pop
- **Source:** https://github.com/heygen-com/hyperframes/tree/main/registry/components/native-notification-pop
- **Runs:** local render, free
- **Aspect:** any

## Slots (what you fill in)

- `title` (string) — Title
- `body` (string) — Body
- `app_label` (string) — App label
- `os` (enum) — OS
- `at` (number) — Drop start
- `accent` (enum) — Accent
- `exit` (enum) — Exit

## Used in

- [Testimonial & review ad](https://skills.varg.ai/video/testimonial-ad.md)
- [Captioned talking clip](https://skills.varg.ai/video/captioned-clip.md)
- [Post-story narration](https://skills.varg.ai/video/story-narration.md)
- [Post to video](https://skills.varg.ai/video/post-to-video.md)
- [Channel intro & end screen](https://skills.varg.ai/video/channel-intro.md)
- [Year in review / Wrapped](https://skills.varg.ai/video/wrapped.md)
- [Single & album promo](https://skills.varg.ai/video/release-promo.md)
- [Stream overlay package](https://skills.varg.ai/video/stream-overlay.md)

## More social posts & cards

- [Instagram Follow](https://skills.varg.ai/component/hf.instagram-follow.md) — `npx hyperframes add instagram-follow`
- [Liquid Glass Notification](https://skills.varg.ai/component/hf.liquid-glass-notification.md) — `npx hyperframes add liquid-glass-notification`
- [macOS Notification](https://skills.varg.ai/component/hf.macos-notification.md) — `npx hyperframes add macos-notification`
- [Notification Cascade](https://skills.varg.ai/component/hf.notification-cascade.md) — `npx hyperframes add notification-cascade`
- [Notification Pileup](https://skills.varg.ai/component/hf.notification-pileup.md) — `npx hyperframes add notification-pileup`
- [Notification Stack](https://skills.varg.ai/component/hf.notification-stack.md) — `npx hyperframes add notification-stack`