feat(registry): imessage-chat — animated iMessage conversation block

docs/catalog/blocks/imessage-chat.mdx

@@ -0,0 +1,44 @@
+---
+title: "iMessage Chat"
+description: "Animated iMessage-style conversation with typing indicators, bubble pops, and auto-scroll for story-style social videos"
+---
+
+# iMessage Chat
+
+Animated iMessage-style conversation with typing indicators, bubble pops, and auto-scroll for story-style social videos
+
+`social` `overlay` `chat`
+
+<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/imessage-chat.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/imessage-chat.png" autoPlay muted loop playsInline />
+
+## Install
+
+<CodeGroup>
+
+```bash Terminal
+npx hyperframes add imessage-chat
+```
+
+</CodeGroup>
+
+## Details
+
+| Property | Value |
+| --- | --- |
+| Type | Block |
+| Dimensions | 1080×1920 |
+| Duration | 10s |
+
+## Files
+
+| File | Target | Type |
+| --- | --- | --- |
+| `imessage-chat.html` | `compositions/imessage-chat.html` | hyperframes:composition |
+
+## Usage
+
+After installing, add the block to your host composition:
+
+```html
+<div data-composition-id="imessage-chat" data-composition-src="compositions/imessage-chat.html" data-start="0" data-duration="10" data-track-index="1" data-width="1080" data-height="1920"></div>
+```

docs/docs.json

@@ -173,6 +173,7 @@
           {
             "group": "Social Overlays",
             "pages": [
+              "catalog/blocks/imessage-chat",
               "catalog/blocks/instagram-follow",
               "catalog/blocks/macos-notification",
               "catalog/blocks/reddit-post",

docs/public/catalog-index.json

@@ -443,6 +443,19 @@
         "href": "/catalog/components/motion-blur",
         "preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/motion-blur.png"
     },
+    {
+        "name": "imessage-chat",
+        "type": "block",
+        "title": "iMessage Chat",
+        "description": "Animated iMessage-style conversation with typing indicators, bubble pops, and auto-scroll for story-style social videos",
+        "tags": [
+            "social",
+            "overlay",
+            "chat"
+        ],
+        "href": "/catalog/blocks/imessage-chat",
+        "preview": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/blocks/imessage-chat.png"
+    },
     {
         "name": "instagram-follow",
         "type": "block",