From 32d4c81547f313b5b78ec9ce3c68d7ab0c583067 Mon Sep 17 00:00:00 2001
From: Carlos Miranda Levy <carlosmirandalevy@gmail.com>
Date: Wed, 30 Sep 2026 13:47:10 -0400
Subject: [PATCH 1/8] =?UTF-8?q?feat(registry):=20add=20cinemagraph=20?=
 =?UTF-8?q?=E2=80=94=20a=20still=20photograph=20with=20one=20living=20regi?=
 =?UTF-8?q?on?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 registry/blocks/cinemagraph/cinemagraph.html  | 298 ++++++++++++++++++
 .../blocks/cinemagraph/registry-item.json     |  17 +
 registry/registry.json                        |   4 +
 3 files changed, 319 insertions(+)
 create mode 100644 registry/blocks/cinemagraph/cinemagraph.html
 create mode 100644 registry/blocks/cinemagraph/registry-item.json

diff --git a/registry/blocks/cinemagraph/cinemagraph.html b/registry/blocks/cinemagraph/cinemagraph.html
new file mode 100644
index 00000000000..7c806933ba0
--- /dev/null
+++ b/registry/blocks/cinemagraph/cinemagraph.html
@@ -0,0 +1,298 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
+    <!--
+      cinemagraph — a still photograph with ONE living region.
+
+      The frame is a frozen scene; a single masked window keeps moving — the classic
+      cinemagraph gesture: the camera stops, the world keeps breathing. The living
+      region here is the steam over a cup, drawn deterministically on a canvas from
+      the seek time alone, with a period that divides the duration, so the last
+      frame matches the first and the render loops seamlessly.
+
+      Using it with real media: keep the structure and swap the layers —
+        1. Put your looping <video> (or the animated source) as the BASE layer.
+        2. Put a freeze-frame still of it (an <img>) ABOVE, full-frame.
+        3. Move #cmg-window (the feathered mask) onto the still so the window
+           reveals the video beneath, and delete the placeholder scene + canvas.
+      One living region per frame. Two is a gif.
+    -->
+    <style>
+      *,
+      *::before,
+      *::after {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+      }
+      body {
+        background: #0b0e14;
+        overflow: hidden;
+      }
+      #root-cinemagraph {
+        position: relative;
+        width: 1920px;
+        height: 1080px;
+        overflow: hidden;
+        background: #0b0e14;
+        --hf-ink: #f8fafc;
+      }
+      /* ---- the still photograph (placeholder scene, monochrome ink ramp) ---- */
+      .cmg-photo {
+        position: absolute;
+        inset: 0;
+      }
+      /* window light falling across the scene */
+      .cmg-lightfall {
+        position: absolute;
+        inset: 0;
+        background: linear-gradient(
+          115deg,
+          color-mix(in srgb, var(--hf-ink) 8%, transparent) 0%,
+          transparent 46%
+        );
+      }
+      /* table surface */
+      .cmg-table {
+        position: absolute;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        height: 320px;
+        background: color-mix(in srgb, var(--hf-ink) 8%, transparent);
+        border-top: 1px solid color-mix(in srgb, var(--hf-ink) 14%, transparent);
+      }
+      /* window frame in the far wall */
+      .cmg-pane {
+        position: absolute;
+        left: 1210px;
+        top: 130px;
+        width: 420px;
+        height: 520px;
+        background: color-mix(in srgb, var(--hf-ink) 18%, transparent);
+        border: 1px solid color-mix(in srgb, var(--hf-ink) 14%, transparent);
+      }
+      .cmg-pane::before,
+      .cmg-pane::after {
+        content: "";
+        position: absolute;
+        background: color-mix(in srgb, var(--hf-ink) 14%, transparent);
+      }
+      .cmg-pane::before {
+        left: 50%;
+        top: 0;
+        bottom: 0;
+        width: 1px;
+      }
+      .cmg-pane::after {
+        top: 50%;
+        left: 0;
+        right: 0;
+        height: 1px;
+      }
+      /* saucer + cup, the photograph's subject */
+      .cmg-saucer {
+        position: absolute;
+        left: 760px;
+        bottom: 236px;
+        width: 400px;
+        height: 56px;
+        border-radius: 50%;
+        background: color-mix(in srgb, var(--hf-ink) 45%, transparent);
+      }
+      .cmg-cup {
+        position: absolute;
+        left: 830px;
+        bottom: 262px;
+        width: 260px;
+        height: 190px;
+        border-radius: 0 0 118px 118px;
+        background: color-mix(in srgb, var(--hf-ink) 72%, transparent);
+      }
+      .cmg-cup::after {
+        content: "";
+        position: absolute;
+        right: -64px;
+        top: 18px;
+        width: 88px;
+        height: 96px;
+        border: 22px solid color-mix(in srgb, var(--hf-ink) 72%, transparent);
+        border-radius: 50%;
+      }
+      .cmg-rim {
+        position: absolute;
+        left: 822px;
+        bottom: 436px;
+        width: 276px;
+        height: 34px;
+        border-radius: 50%;
+        background: color-mix(in srgb, var(--hf-ink) 45%, transparent);
+      }
+      /* a closed book beside the cup */
+      .cmg-book {
+        position: absolute;
+        left: 1180px;
+        bottom: 250px;
+        width: 330px;
+        height: 44px;
+        background: color-mix(in srgb, var(--hf-ink) 18%, transparent);
+        border: 1px solid color-mix(in srgb, var(--hf-ink) 14%, transparent);
+        transform: rotate(-2deg);
+      }
+      .cmg-book::after {
+        content: "";
+        position: absolute;
+        left: 14px;
+        right: 14px;
+        top: 12px;
+        height: 1px;
+        background: color-mix(in srgb, var(--hf-ink) 14%, transparent);
+      }
+      /* skeleton caption lines, bottom left — content lives here */
+      .cmg-line {
+        position: absolute;
+        left: 160px;
+        height: 22px;
+        border-radius: 11px;
+        background: color-mix(in srgb, var(--hf-ink) 18%, transparent);
+      }
+      /* ---- the ONE living region: a feathered window where steam moves ---- */
+      #cmg-window {
+        position: absolute;
+        left: 790px;
+        bottom: 430px;
+        width: 340px;
+        height: 420px;
+        -webkit-mask-image: radial-gradient(ellipse 50% 50% at 50% 55%, #000 55%, transparent 78%);
+        mask-image: radial-gradient(ellipse 50% 50% at 50% 55%, #000 55%, transparent 78%);
+      }
+      #cmg-canvas {
+        position: absolute;
+        inset: 0;
+        width: 340px;
+        height: 420px;
+      }
+      /* still vignette over everything, part of the photograph */
+      .cmg-vignette {
+        position: absolute;
+        inset: 0;
+        background: radial-gradient(
+          ellipse 78% 72% at 50% 46%,
+          transparent 62%,
+          rgba(4, 6, 10, 0.5) 100%
+        );
+        pointer-events: none;
+      }
+    </style>
+  </head>
+  <body>
+    <div
+      id="root-cinemagraph"
+      data-composition-id="cinemagraph"
+      data-start="0"
+      data-duration="10"
+      data-width="1920"
+      data-height="1080"
+    >
+      <div class="cmg-photo" id="cmg-photo">
+        <div class="cmg-lightfall"></div>
+        <div class="cmg-pane"></div>
+        <div class="cmg-table"></div>
+        <div class="cmg-saucer"></div>
+        <div class="cmg-cup"></div>
+        <div class="cmg-rim"></div>
+        <div class="cmg-book"></div>
+        <div class="cmg-line" style="bottom: 150px; width: 460px"></div>
+        <div class="cmg-line" style="bottom: 108px; width: 300px"></div>
+      </div>
+      <div id="cmg-window">
+        <canvas id="cmg-canvas" width="340" height="420"></canvas>
+      </div>
+      <div class="cmg-vignette"></div>
+      <div
+        id="drv-cinemagraph"
+        class="clip"
+        data-start="0"
+        data-duration="10"
+        data-track-index="0"
+        style="position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none"
+      ></div>
+    </div>
+    <script>
+      (function () {
+        window.__timelines = window.__timelines || {};
+
+        // Seeded PRNG — never Math.random()
+        function mulberry32(a) {
+          return function () {
+            a |= 0;
+            a = (a + 0x6d2b79f5) | 0;
+            var t = Math.imul(a ^ (a >>> 15), 1 | a);
+            t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;
+            return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
+          };
+        }
+        var rng = mulberry32(1897);
+
+        var DUR = 10;
+        // Each wisp cycles an integer number of times over DUR, so the frame at
+        // t = DUR equals the frame at t = 0 and the render loops seamlessly.
+        var WISPS = [];
+        for (var i = 0; i < 14; i++) {
+          WISPS.push({
+            x0: 90 + rng() * 160, // birth x inside the window
+            cycles: 1 + Math.floor(rng() * 2), // 1 or 2 full rises over DUR
+            phase: rng(), // where in its cycle it starts
+            sway: 14 + rng() * 26, // horizontal sway amplitude
+            swayFreq: 1 + Math.floor(rng() * 2), // integer — keeps the loop seam clean
+            width: 10 + rng() * 22, // wisp thickness
+            rise: 300 + rng() * 80, // how far it climbs before dissolving
+            alpha: 0.05 + rng() * 0.09,
+          });
+        }
+
+        var canvas = document.getElementById("cmg-canvas");
+        var ctx = canvas.getContext("2d");
+        var W = 340,
+          H = 420;
+
+        // State proxy — GSAP animates t, the render function reads it.
+        var st = { t: 0 };
+
+        function renderScene() {
+          ctx.clearRect(0, 0, W, H);
+          for (var i = 0; i < WISPS.length; i++) {
+            var w = WISPS[i];
+            // p in [0,1): this wisp's position in its own rise cycle
+            var p = (st.t / DUR) * w.cycles + w.phase;
+            p = p - Math.floor(p);
+            var y = H - 40 - p * w.rise;
+            var sway = Math.sin(2 * Math.PI * (p * w.swayFreq + w.phase)) * w.sway * p;
+            var x = w.x0 + sway;
+            // born faint, fullest mid-rise, dissolves at the top
+            var a = w.alpha * Math.sin(Math.PI * p);
+            var r = w.width * (0.7 + p * 1.6);
+            var g = ctx.createRadialGradient(x, y, 0, x, y, r * 2.4);
+            g.addColorStop(0, "rgba(248,250,252," + a.toFixed(4) + ")");
+            g.addColorStop(1, "rgba(248,250,252,0)");
+            ctx.fillStyle = g;
+            ctx.beginPath();
+            ctx.ellipse(x, y, r * 1.1, r * 2.2, sway * 0.004, 0, 2 * Math.PI);
+            ctx.fill();
+          }
+        }
+
+        var tl = gsap.timeline({ paused: true });
+        tl.to(st, { t: DUR, duration: DUR, ease: "none" }, 0);
+
+        window.__timelines["cinemagraph"] = tl;
+
+        // Render from the timeline only — no requestAnimationFrame.
+        tl.eventCallback("onUpdate", renderScene);
+        renderScene();
+      })();
+    </script>
+  </body>
+</html>
diff --git a/registry/blocks/cinemagraph/registry-item.json b/registry/blocks/cinemagraph/registry-item.json
new file mode 100644
index 00000000000..caf4c00dfe5
--- /dev/null
+++ b/registry/blocks/cinemagraph/registry-item.json
@@ -0,0 +1,17 @@
+{
+  "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
+  "name": "cinemagraph",
+  "type": "hyperframes:block",
+  "title": "Cinemagraph",
+  "description": "A still photograph with one living region: the frame is frozen while a single feathered window keeps moving - here, steam rising over a cup - drawn from the seek time alone with a period that divides the duration, so the render loops seamlessly. Swap the placeholder scene for a freeze-frame still masked over a looping video to cinemagraph real footage.",
+  "dimensions": { "width": 1920, "height": 1080 },
+  "duration": 10,
+  "tags": ["effect", "cinemagraph", "photo", "loop", "freeze-frame"],
+  "files": [
+    {
+      "path": "cinemagraph.html",
+      "target": "compositions/cinemagraph.html",
+      "type": "hyperframes:composition"
+    }
+  ]
+}
diff --git a/registry/registry.json b/registry/registry.json
index c8c99b16406..fee4053b60e 100644
--- a/registry/registry.json
+++ b/registry/registry.json
@@ -147,6 +147,10 @@
       "name": "chromatic-radial-split",
       "type": "hyperframes:block"
     },
+    {
+      "name": "cinemagraph",
+      "type": "hyperframes:block"
+    },
     {
       "name": "cinematic-zoom",
       "type": "hyperframes:block"

From 588d8c0c0317fd0eab0bbd1b9a89c24911a8d832 Mon Sep 17 00:00:00 2001
From: tugrawork-creator <319556794+tugrawork-creator@users.noreply.github.com>
Date: Sat, 26 Sep 2026 09:52:27 +0300
Subject: [PATCH 2/8] =?UTF-8?q?feat(registry):=20add=20ai-answer-rank=20?=
 =?UTF-8?q?=E2=80=94=20a=20mock=20AI=20answer=20that=20re-ranks=20to=20put?=
 =?UTF-8?q?=20your=20brand=20in=20it?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

A 1080x1080, 9s block for answer-engine and AI-visibility marketing. A prompt
types into a chat card, the assistant answers with a ranked list of three picks,
then re-ranks: the promoted brand slides into its slot (brandRank 1-3), the picks
below step down, the third fades out of the list, and the brand row lands with
the one accent highlight and a drawn check. Monochrome placeholder UI; prompt,
lead-in, pick names, brand, rank, accent, ink and ground are variables.
---
 .../blocks/ai-answer-rank/ai-answer-rank.html | 559 ++++++++++++++++++
 .../blocks/ai-answer-rank/registry-item.json  | 122 ++++
 2 files changed, 681 insertions(+)
 create mode 100644 registry/blocks/ai-answer-rank/ai-answer-rank.html
 create mode 100644 registry/blocks/ai-answer-rank/registry-item.json

diff --git a/registry/blocks/ai-answer-rank/ai-answer-rank.html b/registry/blocks/ai-answer-rank/ai-answer-rank.html
new file mode 100644
index 00000000000..c3b56fc0761
--- /dev/null
+++ b/registry/blocks/ai-answer-rank/ai-answer-rank.html
@@ -0,0 +1,559 @@
+<!doctype html>
+<!--
+  ai-answer-rank: "Is your brand in the AI answer?"
+
+  A mock AI chat card for answer-engine and AI-visibility marketing. The
+  question types into the user's bubble, the assistant answers with a ranked
+  list of three picks, holds, then re-ranks: the promoted brand slides into
+  its slot, the rows below it step down, the last one drops out of the top
+  three, and the brand row lands with the one accent highlight and a check.
+
+  The UI is placeholder material: ink at alpha steps over the ground, logos as
+  rounded-square monograms, descriptions as skeleton rules. Accent lands on
+  the brand row only.
+
+  Rank numbers belong to the slots, not the rows, so a row that moves keeps
+  the list numbered 1-3 without swapping any text.
+-->
+<html
+  lang="en"
+  data-composition-variables='[
+    { "id": "prompt", "type": "string", "role": "content", "label": "Prompt", "description": "The question typed into the user bubble. Up to about 60 characters keeps it on one or two lines.", "default": "What&#39;s the best CRM for a small team?" },
+    { "id": "lead", "type": "string", "role": "content", "label": "Answer lead-in", "description": "The assistant line above the ranked list.", "default": "Here are the top picks:" },
+    { "id": "rowA", "type": "string", "role": "content", "label": "Pick 1", "description": "First pick in the original answer: a product other than the brand this video promotes.", "portrays": ["competitor_name"], "default": "Brand A" },
+    { "id": "rowB", "type": "string", "role": "content", "label": "Pick 2", "description": "Second pick in the original answer: a product other than the brand this video promotes.", "portrays": ["competitor_name"], "default": "Brand B" },
+    { "id": "rowC", "type": "string", "role": "content", "label": "Pick 3", "description": "Third pick in the original answer. It drops out of the top three when the brand lands.", "portrays": ["competitor_name"], "default": "Brand C" },
+    { "id": "brand", "type": "string", "role": "content", "label": "Brand", "description": "The brand this video promotes, by its real name. It slides into the answer and takes the highlight.", "portrays": ["subject_name"], "default": "Your brand" },
+    { "id": "brandRank", "type": "enum", "role": "content", "label": "Brand rank", "description": "The slot the brand lands in. Picks at and below it step down one place.", "portrays": ["recommended_position"], "default": "1", "options": [{ "value": "1", "label": "1st" }, { "value": "2", "label": "2nd" }, { "value": "3", "label": "3rd" }] },
+    { "id": "accent", "type": "color", "role": "style", "label": "Accent", "description": "Highlight, monogram and check on the brand row, the one accent element.", "default": "#16a34a" },
+    { "id": "ink", "type": "color", "role": "style", "label": "Ink", "description": "Text colour; every placeholder surface is this ink at an alpha step.", "default": "#18181b" },
+    { "id": "ground", "type": "color", "role": "style", "label": "Ground", "description": "Chat card surface; the page around it is the ground tinted toward the ink.", "default": "#fcfcfb" }
+  ]'
+>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=1080, height=1080" />
+    <title>AI Answer Rank</title>
+    <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
+    <style>
+      * {
+        margin: 0;
+        padding: 0;
+        box-sizing: border-box;
+      }
+      html,
+      body {
+        width: 1080px;
+        height: 1080px;
+        overflow: hidden;
+        background: #efefee;
+      }
+      #aar-root {
+        --aar-ink: #18181b;
+        --aar-ground: #fcfcfb;
+        --aar-accent: #16a34a;
+        --aar-l1: color-mix(in srgb, var(--aar-ink) 72%, transparent);
+        --aar-l2: color-mix(in srgb, var(--aar-ink) 45%, transparent);
+        --aar-l3: color-mix(in srgb, var(--aar-ink) 18%, transparent);
+        --aar-l4: color-mix(in srgb, var(--aar-ink) 8%, transparent);
+        --aar-hair: color-mix(in srgb, var(--aar-ink) 14%, transparent);
+        position: relative;
+        width: 1080px;
+        height: 1080px;
+        overflow: hidden;
+        background: color-mix(in srgb, var(--aar-ink) 6%, var(--aar-ground));
+        color: var(--aar-ink);
+        font-family: Inter, ui-sans-serif, system-ui, sans-serif;
+      }
+      #aar-scene {
+        position: absolute;
+        inset: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      #aar-card {
+        width: 920px;
+        padding: 56px 56px 16px;
+        border-radius: 44px;
+        background: var(--aar-ground);
+        border: 1px solid var(--aar-hair);
+        box-shadow:
+          0 2px 6px rgba(0, 0, 0, 0.04),
+          0 30px 80px rgba(0, 0, 0, 0.1);
+        display: flex;
+        flex-direction: column;
+      }
+
+      /* the bubble is sized by an invisible copy of the whole prompt, so typing never reflows the card */
+      #aar-bubble {
+        position: relative;
+        align-self: flex-end;
+        max-width: 720px;
+        padding: 24px 32px;
+        border-radius: 32px 32px 10px 32px;
+        background: var(--aar-l4);
+        font-size: 32px;
+        line-height: 44px;
+        letter-spacing: -0.2px;
+        transform-origin: 100% 100%;
+      }
+      #aar-sizer {
+        visibility: hidden;
+      }
+      #aar-typing {
+        position: absolute;
+        left: 32px;
+        right: 32px;
+        top: 24px;
+      }
+      #aar-caret {
+        display: inline-block;
+        width: 3px;
+        height: 34px;
+        margin-left: 2px;
+        border-radius: 2px;
+        background: var(--aar-ink);
+        vertical-align: -6px;
+      }
+
+      #aar-answer {
+        position: relative;
+        margin-top: 48px;
+      }
+      #aar-lead {
+        display: flex;
+        align-items: center;
+        gap: 16px;
+        height: 48px;
+        font-size: 34px;
+        font-weight: 600;
+        letter-spacing: -0.4px;
+      }
+      #aar-star {
+        flex: 0 0 auto;
+        width: 30px;
+        height: 30px;
+      }
+      #aar-star path {
+        fill: var(--aar-ink);
+      }
+      .aar-w {
+        opacity: 0;
+      }
+      #aar-thinking {
+        position: absolute;
+        left: 4px;
+        top: 17px;
+        display: flex;
+        gap: 10px;
+      }
+      .aar-dot {
+        width: 14px;
+        height: 14px;
+        border-radius: 50%;
+        background: var(--aar-l2);
+      }
+
+      /* 40px of runway under slot three, masked, so the pick pushed out fades instead of being cut */
+      #aar-list {
+        position: relative;
+        height: 448px;
+        margin-top: 28px;
+        overflow: hidden;
+        -webkit-mask-image: linear-gradient(to bottom, #000 408px, transparent 448px);
+        mask-image: linear-gradient(to bottom, #000 408px, transparent 448px);
+      }
+      .aar-rank {
+        position: absolute;
+        left: 0;
+        width: 44px;
+        height: 124px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 30px;
+        font-weight: 600;
+        font-variant-numeric: tabular-nums;
+        color: var(--aar-l1);
+      }
+      .aar-row {
+        position: absolute;
+        left: 68px;
+        right: 0;
+        height: 124px;
+        display: flex;
+        align-items: center;
+        gap: 26px;
+        padding: 0 28px;
+        border-radius: 28px;
+        border: 1.5px solid var(--aar-hair);
+      }
+      .aar-hl {
+        position: absolute;
+        inset: -1.5px;
+        border-radius: 28px;
+        border: 3px solid var(--aar-accent);
+        background: color-mix(in srgb, var(--aar-accent) 9%, transparent);
+      }
+      .aar-tile {
+        position: relative;
+        flex: 0 0 auto;
+        width: 68px;
+        height: 68px;
+        border-radius: 18px;
+        background: var(--aar-l1);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        overflow: hidden;
+      }
+      .aar-tile-accent {
+        position: absolute;
+        inset: 0;
+        background: var(--aar-accent);
+      }
+      .aar-mono {
+        position: relative;
+        color: var(--aar-ground);
+        font-size: 26px;
+        font-weight: 700;
+        letter-spacing: 0.5px;
+      }
+      .aar-meta {
+        position: relative;
+        flex: 1 1 auto;
+        min-width: 0;
+      }
+      .aar-name {
+        font-size: 36px;
+        font-weight: 600;
+        line-height: 44px;
+        letter-spacing: -0.5px;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+      .aar-skel {
+        height: 12px;
+        margin-top: 12px;
+        border-radius: 6px;
+        background: var(--aar-l3);
+      }
+      #aar-check {
+        position: relative;
+        flex: 0 0 auto;
+        width: 56px;
+        height: 56px;
+      }
+      #aar-check circle {
+        fill: var(--aar-accent);
+      }
+      #aar-check-path {
+        fill: none;
+        stroke: var(--aar-ground);
+        stroke-width: 5;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+      }
+      .aar-hidden {
+        opacity: 0;
+        visibility: hidden;
+      }
+    </style>
+  </head>
+  <body>
+    <div
+      id="aar-root"
+      data-composition-id="ai-answer-rank"
+      data-start="0"
+      data-width="1080"
+      data-height="1080"
+      data-duration="9"
+    >
+      <section id="aar-scene" class="clip" data-start="0" data-duration="9" data-track-index="1">
+        <div id="aar-card" class="aar-hidden">
+          <div id="aar-bubble" class="aar-hidden">
+            <span id="aar-sizer">What's the best CRM for a small team?</span>
+            <div id="aar-typing"><span id="aar-typed"></span><span id="aar-caret"></span></div>
+          </div>
+
+          <div id="aar-answer">
+            <div id="aar-thinking" class="aar-hidden">
+              <div class="aar-dot"></div>
+              <div class="aar-dot"></div>
+              <div class="aar-dot"></div>
+            </div>
+            <div id="aar-lead">
+              <svg id="aar-star" class="aar-hidden" viewBox="0 0 24 24" aria-hidden="true">
+                <path
+                  d="M12 0 C12.9 7 17 11.1 24 12 C17 12.9 12.9 17 12 24 C11.1 17 7 12.9 0 12 C7 11.1 11.1 7 12 0 Z"
+                />
+              </svg>
+              <span id="aar-lead-text">Here are the top picks:</span>
+            </div>
+
+            <div id="aar-list">
+              <div class="aar-rank aar-hidden" id="aar-rank-1" style="top: 0">1</div>
+              <div class="aar-rank aar-hidden" id="aar-rank-2" style="top: 142px">2</div>
+              <div class="aar-rank aar-hidden" id="aar-rank-3" style="top: 284px">3</div>
+
+              <div
+                class="aar-row aar-hidden"
+                id="aar-row-a"
+                data-layout-allow-overflow
+                style="top: 0"
+              >
+                <div class="aar-tile"><span class="aar-mono">BA</span></div>
+                <div class="aar-meta">
+                  <div class="aar-name">Brand A</div>
+                  <div class="aar-skel" style="width: 58%"></div>
+                </div>
+              </div>
+              <div
+                class="aar-row aar-hidden"
+                id="aar-row-b"
+                data-layout-allow-overflow
+                style="top: 142px"
+              >
+                <div class="aar-tile"><span class="aar-mono">BB</span></div>
+                <div class="aar-meta">
+                  <div class="aar-name">Brand B</div>
+                  <div class="aar-skel" style="width: 44%"></div>
+                </div>
+              </div>
+              <div
+                class="aar-row aar-hidden"
+                id="aar-row-c"
+                data-layout-allow-overflow
+                style="top: 284px"
+              >
+                <div class="aar-tile"><span class="aar-mono">BC</span></div>
+                <div class="aar-meta">
+                  <div class="aar-name">Brand C</div>
+                  <div class="aar-skel" style="width: 51%"></div>
+                </div>
+              </div>
+
+              <div
+                class="aar-row aar-hidden"
+                id="aar-row-brand"
+                data-layout-allow-overflow
+                style="top: 0"
+              >
+                <div class="aar-hl aar-hidden" id="aar-hl"></div>
+                <div class="aar-tile">
+                  <div class="aar-tile-accent aar-hidden" id="aar-tile-accent"></div>
+                  <span class="aar-mono">YB</span>
+                </div>
+                <div class="aar-meta">
+                  <div class="aar-name">Your brand</div>
+                  <div class="aar-skel" style="width: 62%"></div>
+                </div>
+                <svg id="aar-check" class="aar-hidden" viewBox="0 0 56 56" aria-hidden="true">
+                  <circle cx="28" cy="28" r="28" />
+                  <path id="aar-check-path" d="M17 29 L24.5 36.5 L39 21" />
+                </svg>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </div>
+
+    <script>
+      (function () {
+        "use strict";
+
+        var vars =
+          window.__hyperframes && typeof window.__hyperframes.getVariables === "function"
+            ? window.__hyperframes.getVariables()
+            : {};
+
+        function text(value, fallback, max) {
+          if (typeof value !== "string") return fallback;
+          var t = value.trim();
+          if (!t) return fallback;
+          return t.length > max ? t.slice(0, max) : t;
+        }
+        function color(value, fallback) {
+          if (typeof value !== "string") return fallback;
+          var c = value.trim();
+          return c && CSS.supports("color", c) ? c : fallback;
+        }
+        function monogram(name) {
+          var words = name.split(/\s+/).filter(Boolean);
+          var letters =
+            words.length > 1 ? words[0][0] + words[words.length - 1][0] : name.slice(0, 1);
+          return letters.toUpperCase();
+        }
+
+        var root = document.getElementById("aar-root");
+        root.style.setProperty("--aar-ink", color(vars.ink, "#18181b"));
+        root.style.setProperty("--aar-ground", color(vars.ground, "#fcfcfb"));
+        root.style.setProperty("--aar-accent", color(vars.accent, "#16a34a"));
+
+        var prompt = text(vars.prompt, "What's the best CRM for a small team?", 90);
+        var lead = text(vars.lead, "Here are the top picks:", 48);
+        var names = [
+          text(vars.rowA, "Brand A", 32),
+          text(vars.rowB, "Brand B", 32),
+          text(vars.rowC, "Brand C", 32),
+        ];
+        var brand = text(vars.brand, "Your brand", 32);
+        var slot = ["1", "2", "3"].indexOf(String(vars.brandRank));
+        if (slot < 0) slot = 0;
+
+        var SLOT = 142;
+        var rows = ["#aar-row-a", "#aar-row-b", "#aar-row-c"].map(function (sel, i) {
+          var el = document.querySelector(sel);
+          el.querySelector(".aar-name").textContent = names[i];
+          el.querySelector(".aar-mono").textContent = monogram(names[i]);
+          return el;
+        });
+        var brandRow = document.getElementById("aar-row-brand");
+        brandRow.querySelector(".aar-name").textContent = brand;
+        brandRow.querySelector(".aar-mono").textContent = monogram(brand);
+        brandRow.style.top = slot * SLOT + "px";
+
+        document.getElementById("aar-sizer").textContent = prompt;
+        var leadEl = document.getElementById("aar-lead-text");
+        leadEl.textContent = "";
+        var words = lead.split(/\s+/).map(function (word, i) {
+          if (i > 0) leadEl.appendChild(document.createTextNode(" "));
+          var span = document.createElement("span");
+          span.className = "aar-w";
+          span.textContent = word;
+          leadEl.appendChild(span);
+          return span;
+        });
+
+        var checkPath = document.getElementById("aar-check-path");
+        var checkLen = checkPath.getTotalLength();
+        checkPath.style.strokeDasharray = String(checkLen);
+
+        window.__timelines = window.__timelines || {};
+        var tl = gsap.timeline({ paused: true });
+
+        tl.fromTo(
+          "#aar-card",
+          { autoAlpha: 0, y: 40 },
+          { autoAlpha: 1, y: 0, duration: 0.6, ease: "power3.out" },
+          0.1,
+        );
+        tl.fromTo(
+          "#aar-bubble",
+          { autoAlpha: 0, scale: 0.9 },
+          { autoAlpha: 1, scale: 1, duration: 0.3, ease: "back.out(1.6)" },
+          0.5,
+        );
+
+        /* uneven keystrokes read as a person typing; the budget keeps long prompts inside 9s */
+        var KEY_GAPS = [
+          0.05, 0.035, 0.06, 0.04, 0.03, 0.055, 0.045, 0.07, 0.035, 0.05, 0.04, 0.065,
+        ];
+        var raw = 0;
+        for (var n = 1; n < prompt.length; n += 1) raw += KEY_GAPS[n % KEY_GAPS.length];
+        var squeeze = Math.min(1, 1.8 / Math.max(raw, 0.001));
+        var TYPE_START = 0.8;
+        var t = TYPE_START;
+        tl.set("#aar-typed", { textContent: "" }, 0.001);
+        tl.set("#aar-caret", { autoAlpha: 0 }, 0.001);
+        tl.set("#aar-caret", { autoAlpha: 1 }, TYPE_START - 0.15);
+        for (var c = 1; c <= prompt.length; c += 1) {
+          tl.set("#aar-typed", { textContent: prompt.slice(0, c) }, t);
+          t += KEY_GAPS[c % KEY_GAPS.length] * squeeze;
+        }
+        var typeEnd = t;
+        tl.set("#aar-caret", { autoAlpha: 0 }, typeEnd + 0.2);
+
+        var THINK = typeEnd + 0.4;
+        tl.fromTo(
+          "#aar-thinking",
+          { autoAlpha: 0 },
+          { autoAlpha: 1, duration: 0.15, ease: "none" },
+          THINK,
+        );
+        gsap.utils.toArray(".aar-dot").forEach(function (dot, i) {
+          for (var b = 0; b < 2; b += 1) {
+            var at = THINK + 0.1 + b * 0.32 + i * 0.08;
+            tl.to(dot, { y: -9, duration: 0.14, ease: "sine.out" }, at);
+            tl.to(dot, { y: 0, duration: 0.14, ease: "sine.in" }, at + 0.14);
+          }
+        });
+        var LEAD = THINK + 0.85;
+        tl.to("#aar-thinking", { autoAlpha: 0, duration: 0.12, ease: "none" }, LEAD - 0.12);
+        tl.fromTo(
+          "#aar-star",
+          { autoAlpha: 0, scale: 0.3, rotation: -90 },
+          { autoAlpha: 1, scale: 1, rotation: 0, duration: 0.45, ease: "back.out(2)" },
+          LEAD,
+        );
+        words.forEach(function (w, i) {
+          tl.set(w, { opacity: 1 }, LEAD + 0.12 + i * 0.07);
+        });
+
+        var ROWS = LEAD + 0.25 + words.length * 0.07;
+        rows.forEach(function (row, i) {
+          var at = ROWS + i * 0.16;
+          tl.fromTo(
+            "#aar-rank-" + (i + 1),
+            { autoAlpha: 0 },
+            { autoAlpha: 1, duration: 0.3, ease: "none" },
+            at,
+          );
+          tl.fromTo(
+            row,
+            { autoAlpha: 0, y: 24 },
+            { autoAlpha: 1, y: 0, duration: 0.45, ease: "power3.out" },
+            at,
+          );
+        });
+
+        /* picks step down rather than trade places, so the eye can follow each one to its new rank */
+        var RERANK = ROWS + 0.32 + 0.45 + 0.95;
+        rows.forEach(function (row, i) {
+          if (i < slot) return;
+          tl.to(row, { y: SLOT, duration: 0.55, ease: "power3.inOut" }, RERANK);
+          if (i === 2) tl.to(row, { autoAlpha: 0, duration: 0.4, ease: "power1.in" }, RERANK + 0.1);
+        });
+        /* the brand waits until its slot is mostly clear, so it never lands on the row leaving it */
+        tl.fromTo(
+          brandRow,
+          { autoAlpha: 0, x: 96 },
+          { autoAlpha: 1, x: 0, duration: 0.55, ease: "power3.out" },
+          RERANK + 0.34,
+        );
+
+        var LAND = RERANK + 0.9;
+        tl.fromTo(
+          "#aar-hl",
+          { autoAlpha: 0 },
+          { autoAlpha: 1, duration: 0.3, ease: "power1.out" },
+          LAND,
+        );
+        tl.fromTo(
+          "#aar-tile-accent",
+          { autoAlpha: 0 },
+          { autoAlpha: 1, duration: 0.3, ease: "power1.out" },
+          LAND,
+        );
+        tl.fromTo(
+          "#aar-check",
+          { autoAlpha: 0, scale: 0.4 },
+          { autoAlpha: 1, scale: 1, duration: 0.42, ease: "back.out(2.2)" },
+          LAND + 0.05,
+        );
+        tl.fromTo(
+          checkPath,
+          { strokeDashoffset: checkLen },
+          { strokeDashoffset: 0, duration: 0.34, ease: "power2.out" },
+          LAND + 0.2,
+        );
+
+        tl.set({}, {}, 9);
+        window.__timelines["ai-answer-rank"] = tl;
+      })();
+    </script>
+  </body>
+</html>
diff --git a/registry/blocks/ai-answer-rank/registry-item.json b/registry/blocks/ai-answer-rank/registry-item.json
new file mode 100644
index 00000000000..824732b133e
--- /dev/null
+++ b/registry/blocks/ai-answer-rank/registry-item.json
@@ -0,0 +1,122 @@
+{
+  "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
+  "name": "ai-answer-rank",
+  "type": "hyperframes:block",
+  "title": "AI Answer Rank",
+  "description": "Is your brand in the AI answer? A question types into a chat card, the assistant answers with a ranked list of three picks, then re-ranks: the promoted brand slides into its slot, the picks below step down, and the brand row lands with the one accent highlight and a check. For answer-engine and AI-visibility marketing",
+  "tags": ["mock-ui", "ai", "chat", "ranking", "list", "marketing", "ad-template", "square"],
+  "author": "Tugra Avci",
+  "dimensions": {
+    "width": 1080,
+    "height": 1080
+  },
+  "duration": 9,
+  "variables": [
+    {
+      "id": "prompt",
+      "type": "string",
+      "role": "content",
+      "label": "Prompt",
+      "description": "The question typed into the user bubble. Up to about 60 characters keeps it on one or two lines.",
+      "default": "What's the best CRM for a small team?"
+    },
+    {
+      "id": "lead",
+      "type": "string",
+      "role": "content",
+      "label": "Answer lead-in",
+      "description": "The assistant line above the ranked list.",
+      "default": "Here are the top picks:"
+    },
+    {
+      "id": "rowA",
+      "type": "string",
+      "role": "content",
+      "label": "Pick 1",
+      "description": "First pick in the original answer: a product other than the brand this video promotes.",
+      "portrays": ["competitor_name"],
+      "default": "Brand A"
+    },
+    {
+      "id": "rowB",
+      "type": "string",
+      "role": "content",
+      "label": "Pick 2",
+      "description": "Second pick in the original answer: a product other than the brand this video promotes.",
+      "portrays": ["competitor_name"],
+      "default": "Brand B"
+    },
+    {
+      "id": "rowC",
+      "type": "string",
+      "role": "content",
+      "label": "Pick 3",
+      "description": "Third pick in the original answer. It drops out of the top three when the brand lands.",
+      "portrays": ["competitor_name"],
+      "default": "Brand C"
+    },
+    {
+      "id": "brand",
+      "type": "string",
+      "role": "content",
+      "label": "Brand",
+      "description": "The brand this video promotes, by its real name. It slides into the answer and takes the highlight.",
+      "portrays": ["subject_name"],
+      "default": "Your brand"
+    },
+    {
+      "id": "brandRank",
+      "type": "enum",
+      "role": "content",
+      "label": "Brand rank",
+      "description": "The slot the brand lands in. Picks at and below it step down one place.",
+      "portrays": ["recommended_position"],
+      "default": "1",
+      "options": [
+        {
+          "value": "1",
+          "label": "1st"
+        },
+        {
+          "value": "2",
+          "label": "2nd"
+        },
+        {
+          "value": "3",
+          "label": "3rd"
+        }
+      ]
+    },
+    {
+      "id": "accent",
+      "type": "color",
+      "role": "style",
+      "label": "Accent",
+      "description": "Highlight, monogram and check on the brand row, the one accent element.",
+      "default": "#16a34a"
+    },
+    {
+      "id": "ink",
+      "type": "color",
+      "role": "style",
+      "label": "Ink",
+      "description": "Text colour; every placeholder surface is this ink at an alpha step.",
+      "default": "#18181b"
+    },
+    {
+      "id": "ground",
+      "type": "color",
+      "role": "style",
+      "label": "Ground",
+      "description": "Chat card surface; the page around it is the ground tinted toward the ink.",
+      "default": "#fcfcfb"
+    }
+  ],
+  "files": [
+    {
+      "path": "ai-answer-rank.html",
+      "target": "compositions/ai-answer-rank.html",
+      "type": "hyperframes:composition"
+    }
+  ]
+}

From 1abf3c248ec13594cad2d47351940e95d4be2b9c Mon Sep 17 00:00:00 2001
From: Akshar Patel <aksharcommit@gmail.com>
Date: Mon, 28 Sep 2026 23:55:33 -0400
Subject: [PATCH 3/8] feat(registry): add caret swap text effect

---
 .../components/caret-swap/Geist-Latin.woff2   | Bin 0 -> 29400 bytes
 registry/components/caret-swap/Geist-OFL.txt  |  93 +++++
 .../components/caret-swap/caret-swap.html     | 355 ++++++++++++++++++
 registry/components/caret-swap/demo.html      |  71 ++++
 .../components/caret-swap/registry-item.json  | 119 ++++++
 scripts/catalog/component-variables.ts        |  19 +-
 scripts/generate-catalog-payloads.ts          |   8 +-
 7 files changed, 648 insertions(+), 17 deletions(-)
 create mode 100644 registry/components/caret-swap/Geist-Latin.woff2
 create mode 100644 registry/components/caret-swap/Geist-OFL.txt
 create mode 100644 registry/components/caret-swap/caret-swap.html
 create mode 100644 registry/components/caret-swap/demo.html
 create mode 100644 registry/components/caret-swap/registry-item.json

diff --git a/registry/components/caret-swap/Geist-Latin.woff2 b/registry/components/caret-swap/Geist-Latin.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..991445d78ae619a7378ff219385588c7811c88ab
GIT binary patch
literal 29400
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

literal 0
HcmV?d00001

diff --git a/registry/components/caret-swap/Geist-OFL.txt b/registry/components/caret-swap/Geist-OFL.txt
new file mode 100644
index 00000000000..61f6f4b7853
--- /dev/null
+++ b/registry/components/caret-swap/Geist-OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2024 The Geist Project Authors (https://github.com/vercel/geist-font.git)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://openfontlicense.org
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
\ No newline at end of file
diff --git a/registry/components/caret-swap/caret-swap.html b/registry/components/caret-swap/caret-swap.html
new file mode 100644
index 00000000000..251d1b4f8fa
--- /dev/null
+++ b/registry/components/caret-swap/caret-swap.html
@@ -0,0 +1,355 @@
+<!doctype html>
+<!--
+  Caret Swap
+
+  Mount compositions/components/caret-swap/caret-swap.html with
+  data-composition-id="caret-swap". The transparent component fills its host.
+  The bundled font must remain beside this file.
+
+  The reference's expand, collapse, pause and accelerating typing use a 30fps
+  clock. Longer hosts extend the final hold; shorter hosts compress the phases
+  together so the replacement is complete before the end. Text is measured
+  after fonts load, and both phrases shrink together to stay inside the host.
+  This is a single-line effect; line breaks in either phrase become spaces.
+
+  Native HyperFrames port prepared through Hyfrme from:
+  https://github.com/Remocn/remocn/blob/3e03565f5c0001e143c2ed941eea7c3181f13260/registry/remocn/caret-swap/index.tsx
+
+  MIT License
+
+  Copyright (c) 2026 Remocn
+
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.
+-->
+<html
+  lang="en"
+  data-composition-id="caret-swap"
+  data-composition-duration="3.3333333333333335"
+  data-composition-variables='[
+    {"id":"from_text","type":"string","role":"content","label":"From text","description":"The phrase covered by the expanding caret.","default":"Executing it?"},
+    {"id":"to_text","type":"string","role":"content","label":"To text","description":"The replacement phrase, typed one character at a time.","default":"That&#39;s where everyone quits"},
+    {"id":"font_size","type":"number","role":"style","label":"Font size","description":"Maximum size in pixels. Both phrases shrink together to fit the host.","default":72,"min":36,"max":160,"step":2,"unit":"px"},
+    {"id":"font_weight","type":"enum","role":"style","label":"Font weight","description":"Weight used by both phrases. Every option is included in the bundled Geist font.","default":"400","options":[{"value":"400","label":"Regular"},{"value":"500","label":"Medium"},{"value":"600","label":"Semibold"},{"value":"700","label":"Bold"}]},
+    {"id":"color","type":"color","role":"style","label":"Text color","description":"Color of both phrases.","default":"#171717"},
+    {"id":"caret_color","type":"color","role":"style","label":"Caret top","description":"Top color of the caret gradient.","default":"#FF4DAA"},
+    {"id":"caret_color_end","type":"color","role":"style","label":"Caret bottom","description":"Bottom color of the caret gradient.","default":"#8A5CF6"}
+  ]'
+>
+  <head>
+    <meta charset="UTF-8" />
+    <title>Caret Swap</title>
+  </head>
+  <body>
+    <template>
+      <style>
+        @font-face {
+          font-family: "Caret Swap Geist";
+          src: url("./Geist-Latin.woff2") format("woff2");
+          font-style: normal;
+          font-weight: 100 900;
+          font-display: block;
+        }
+
+        #root,
+        #root * {
+          box-sizing: border-box;
+        }
+
+        #root {
+          position: absolute;
+          inset: 0;
+          overflow: hidden;
+          isolation: isolate;
+          pointer-events: none;
+          color: var(--color, #171717);
+          font-family: var(--font-display, "Caret Swap Geist", system-ui, sans-serif);
+        }
+
+        .cs-clip {
+          position: absolute;
+          inset: 0;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          overflow: hidden;
+        }
+
+        .cs-stage {
+          position: relative;
+          display: inline-flex;
+          align-items: center;
+          white-space: pre;
+          font-size: 72px;
+          font-weight: 400;
+          line-height: 1.15;
+          letter-spacing: -0.02em;
+          opacity: 0;
+        }
+
+        .cs-source,
+        .cs-target-text {
+          display: inline-block;
+          white-space: pre;
+        }
+
+        .cs-spacer {
+          flex-shrink: 0;
+          width: 0.08em;
+          height: 1.1em;
+          margin-left: 0.06em;
+        }
+
+        .cs-cover,
+        .cs-caret {
+          position: absolute;
+          top: 50%;
+          height: 1.1em;
+          border-radius: 0.03em;
+          background: linear-gradient(
+            180deg,
+            var(--caret_color, #ff4daa),
+            var(--caret_color_end, #8a5cf6)
+          );
+        }
+
+        .cs-cover {
+          left: 0;
+          width: 100%;
+          --cs-mask-stop: 100%;
+          mask-image: linear-gradient(90deg, black var(--cs-mask-stop), transparent 100%);
+        }
+
+        .cs-target {
+          position: absolute;
+          left: 0;
+          top: 50%;
+          display: inline-flex;
+          align-items: center;
+        }
+
+        .cs-caret {
+          left: 0;
+          width: 0.08em;
+          margin-left: 0.06em;
+        }
+      </style>
+
+      <div
+        id="root"
+        data-composition-id="caret-swap"
+        data-duration="3.3333333333333335"
+        data-fps="30"
+      >
+        <div
+          id="cs-clip"
+          class="cs-clip clip"
+          data-start="0"
+          data-duration="3.3333333333333335"
+          data-track-index="0"
+        >
+          <div id="cs-stage" class="cs-stage" role="img">
+            <span
+              id="cs-source"
+              class="cs-source"
+              aria-hidden="true"
+              data-layout-allow-occlusion
+            ></span>
+            <span class="cs-spacer" aria-hidden="true"></span>
+            <span id="cs-cover" class="cs-cover" aria-hidden="true"></span>
+            <span id="cs-target" class="cs-target" aria-hidden="true">
+              <span id="cs-target-text" class="cs-target-text"></span>
+              <span id="cs-caret" class="cs-caret"></span>
+            </span>
+          </div>
+        </div>
+
+        <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/CustomEase.min.js"></script>
+        <script>
+          (function () {
+            "use strict";
+
+            var root = document.getElementById("root");
+            var stage = document.getElementById("cs-stage");
+            var source = document.getElementById("cs-source");
+            var target = document.getElementById("cs-target");
+            var targetText = document.getElementById("cs-target-text");
+            var caret = document.getElementById("cs-caret");
+            var cover = document.getElementById("cs-cover");
+            // Read host timing before the runtime flattens its attributes.
+            var mount = root.closest("[data-composition-id]") || root;
+            var duration = Math.max(
+              0.001,
+              Number(mount.dataset.duration || mount.dataset.hfAuthoredDuration) || 100 / 30,
+            );
+            document.getElementById("cs-clip").dataset.duration = String(duration);
+            var vars =
+              window.__hyperframes && window.__hyperframes.getVariables
+                ? window.__hyperframes.getVariables()
+                : {};
+            var fromText = typeof vars.from_text === "string" ? vars.from_text : "Executing it?";
+            var toText =
+              typeof vars.to_text === "string" ? vars.to_text : "That's where everyone quits";
+            fromText = fromText.replace(/[\r\n\u2028\u2029]+/g, " ");
+            toText = toText.replace(/[\r\n\u2028\u2029]+/g, " ");
+            var fontSize = Number(vars.font_size);
+            fontSize = Number.isFinite(fontSize) ? Math.min(160, Math.max(36, fontSize)) : 72;
+            var fontWeight = ["400", "500", "600", "700"].includes(vars.font_weight)
+              ? vars.font_weight
+              : "400";
+
+            stage.style.fontSize = fontSize + "px";
+            stage.style.fontWeight = fontWeight;
+            stage.setAttribute("aria-label", fromText + " → " + toText);
+            source.textContent = fromText;
+
+            var segments = Array.from(
+              new Intl.Segmenter(undefined, { granularity: "grapheme" }).segment(toText),
+            );
+            var phrases = segments.map(function (part) {
+              return toText.slice(0, part.index + part.segment.length);
+            });
+
+            function geometry() {
+              var anchorWidth = stage.getBoundingClientRect().width;
+              targetText.textContent = toText;
+              var targetWidth = targetText.getBoundingClientRect().width;
+              var caretWidth = fontSize * 0.08;
+              var gap = fontSize * 0.06;
+              var shift = (anchorWidth - targetWidth - caretWidth - gap) / 2;
+              var prefixes = phrases.map(function (phrase) {
+                targetText.textContent = phrase;
+                return targetText.getBoundingClientRect().width;
+              });
+              targetText.textContent = toText;
+              var halfWidth = anchorWidth / 2;
+              prefixes.forEach(function (prefix, index) {
+                var start = -anchorWidth / 2 + (shift * (index + 1)) / phrases.length;
+                halfWidth = Math.max(
+                  halfWidth,
+                  Math.abs(start),
+                  Math.abs(start + prefix + gap + caretWidth),
+                );
+              });
+              return {
+                anchorWidth: anchorWidth,
+                caretWidth: caretWidth,
+                shift: shift,
+                prefixes: prefixes,
+                width: halfWidth * 2,
+              };
+            }
+
+            function typeElapsed(count) {
+              return (1 - Math.pow(0.96, count)) / 0.04;
+            }
+
+            document.fonts.ready.then(function () {
+              var layout = geometry();
+              var fit = Math.min(
+                1,
+                (root.clientWidth * 0.9) / Math.max(1, layout.width),
+                (root.clientHeight * 0.8) / (fontSize * 1.15),
+              );
+              fontSize *= fit;
+              stage.style.fontSize = fontSize + "px";
+              layout = geometry();
+
+              var typeEnd = 40 + typeElapsed(phrases.length);
+              var timingScale = Math.min(1, (duration * 30) / (typeEnd + 8));
+              function at(frame) {
+                return (frame / 30) * timingScale;
+              }
+
+              gsap.registerPlugin(CustomEase);
+              var expandEase = CustomEase.create("cs-expand", "M0,0 C0.6,0 0.8,0.4 1,1");
+              var collapseEase = CustomEase.create("cs-collapse", "M0,0 C0.2,0.7 0.3,1 1,1");
+              gsap.set(source, { opacity: 1 });
+              gsap.set(cover, {
+                yPercent: -50,
+                width: layout.caretWidth,
+                x: layout.anchorWidth - layout.caretWidth,
+                opacity: 0,
+                "--cs-mask-stop": "100%",
+              });
+              gsap.set(target, { yPercent: -50, x: 0, opacity: 0 });
+              gsap.set(caret, { yPercent: -50, x: 0, opacity: 1 });
+              gsap.set(targetText, { textContent: "" });
+              gsap.set(stage, { opacity: 1 });
+
+              var tl = gsap.timeline({ paused: true });
+              tl.set(cover, { opacity: 1 }, at(13));
+              tl.fromTo(
+                cover,
+                {
+                  width: layout.caretWidth,
+                  x: layout.anchorWidth - layout.caretWidth,
+                  "--cs-mask-stop": "100%",
+                },
+                {
+                  width: layout.anchorWidth,
+                  x: 0,
+                  "--cs-mask-stop": "10%",
+                  duration: at(6),
+                  ease: expandEase,
+                  immediateRender: false,
+                },
+                at(20),
+              );
+              tl.set(source, { opacity: 0 }, at(26));
+              tl.fromTo(
+                cover,
+                { width: layout.anchorWidth, "--cs-mask-stop": "10%" },
+                {
+                  width: layout.caretWidth,
+                  "--cs-mask-stop": "100%",
+                  duration: at(7),
+                  ease: collapseEase,
+                  immediateRender: false,
+                },
+                at(26),
+              );
+              tl.set(cover, { opacity: 0 }, at(40));
+              tl.set(target, { opacity: 1 }, at(40));
+
+              phrases.forEach(function (phrase, index) {
+                var time = at(40 + typeElapsed(index));
+                tl.set(targetText, { textContent: phrase }, time);
+                tl.set(caret, { x: layout.prefixes[index] }, time);
+                tl.set(target, { x: (layout.shift * (index + 1)) / phrases.length }, time);
+              });
+              if (!phrases.length) tl.set(target, { x: layout.shift }, at(40));
+
+              for (
+                var frame = typeEnd + 8, blink = 0;
+                at(frame) < duration;
+                frame += 8, blink += 1
+              ) {
+                tl.set(caret, { opacity: blink % 2 }, at(frame));
+              }
+
+              window.__timelines = window.__timelines || {};
+              window.__timelines["caret-swap"] = tl;
+            });
+          })();
+        </script>
+      </div>
+    </template>
+  </body>
+</html>
diff --git a/registry/components/caret-swap/demo.html b/registry/components/caret-swap/demo.html
new file mode 100644
index 00000000000..634bf5225b9
--- /dev/null
+++ b/registry/components/caret-swap/demo.html
@@ -0,0 +1,71 @@
+<!doctype html>
+<!-- Caret Swap demo. Defaults and 100-frame timing follow the pinned Hyfrme reference. -->
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=1280, height=720" />
+    <title>Caret Swap Demo</title>
+    <style>
+      * {
+        box-sizing: border-box;
+        margin: 0;
+        padding: 0;
+      }
+      html,
+      body,
+      #root {
+        width: 1280px;
+        height: 720px;
+        overflow: hidden;
+      }
+      #root {
+        position: relative;
+      }
+      .cs-demo-background,
+      .cs-demo-mount {
+        position: absolute;
+        inset: 0;
+        width: 1280px;
+        height: 720px;
+      }
+      .cs-demo-background {
+        background: #fdf6f0;
+      }
+    </style>
+  </head>
+  <body>
+    <div
+      id="root"
+      data-composition-id="caret-swap-demo"
+      data-start="0"
+      data-width="1280"
+      data-height="720"
+      data-duration="3.3333333333333335"
+      data-fps="30"
+    >
+      <div
+        id="cs-demo-background"
+        class="cs-demo-background clip"
+        data-start="0"
+        data-duration="3.3333333333333335"
+        data-track-index="0"
+      ></div>
+      <div
+        id="cs-demo-mount"
+        class="cs-demo-mount clip"
+        data-composition-id="caret-swap"
+        data-composition-src="./caret-swap.html"
+        data-start="0"
+        data-duration="3.3333333333333335"
+        data-track-index="1"
+        data-width="1280"
+        data-height="720"
+      ></div>
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
+    <script>
+      window.__timelines = window.__timelines || {};
+      window.__timelines["caret-swap-demo"] = gsap.timeline({ paused: true });
+    </script>
+  </body>
+</html>
diff --git a/registry/components/caret-swap/registry-item.json b/registry/components/caret-swap/registry-item.json
new file mode 100644
index 00000000000..112078f43d0
--- /dev/null
+++ b/registry/components/caret-swap/registry-item.json
@@ -0,0 +1,119 @@
+{
+  "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
+  "name": "caret-swap",
+  "type": "hyperframes:component",
+  "title": "Caret Swap",
+  "description": "A gradient caret expands over one phrase, collapses to the left, then types its replacement with a blinking caret.",
+  "tags": ["motion-primitive", "text-effects", "typography", "swap", "typewriter", "remocn-port"],
+  "jobs": ["emphasize"],
+  "family": "text-effects",
+  "profile": "caret-swap",
+  "author": "Remocn",
+  "authorUrl": "https://github.com/Remocn/remocn",
+  "license": "MIT AND OFL-1.1",
+  "syncPoints": [
+    {
+      "id": "wipe-start",
+      "phase": "in",
+      "offset": 0.6666666666666666,
+      "description": "The caret starts covering the first phrase in the default 100-frame demo. Shorter hosts compress the phases together."
+    }
+  ],
+  "files": [
+    {
+      "path": "caret-swap.html",
+      "target": "compositions/components/caret-swap/caret-swap.html",
+      "type": "hyperframes:snippet"
+    },
+    {
+      "path": "Geist-Latin.woff2",
+      "target": "compositions/components/caret-swap/Geist-Latin.woff2",
+      "type": "hyperframes:asset"
+    },
+    {
+      "path": "Geist-OFL.txt",
+      "target": "compositions/components/caret-swap/Geist-OFL.txt",
+      "type": "hyperframes:asset"
+    }
+  ],
+  "variables": [
+    {
+      "id": "from_text",
+      "type": "string",
+      "role": "content",
+      "label": "From text",
+      "description": "The phrase covered by the expanding caret.",
+      "default": "Executing it?"
+    },
+    {
+      "id": "to_text",
+      "type": "string",
+      "role": "content",
+      "label": "To text",
+      "description": "The replacement phrase, typed one character at a time.",
+      "default": "That's where everyone quits"
+    },
+    {
+      "id": "font_size",
+      "type": "number",
+      "role": "style",
+      "label": "Font size",
+      "description": "Maximum size in pixels. Both phrases shrink together to fit the host.",
+      "default": 72,
+      "min": 36,
+      "max": 160,
+      "step": 2,
+      "unit": "px"
+    },
+    {
+      "id": "font_weight",
+      "type": "enum",
+      "role": "style",
+      "label": "Font weight",
+      "description": "Weight used by both phrases. Every option is included in the bundled Geist font.",
+      "default": "400",
+      "options": [
+        {
+          "value": "400",
+          "label": "Regular"
+        },
+        {
+          "value": "500",
+          "label": "Medium"
+        },
+        {
+          "value": "600",
+          "label": "Semibold"
+        },
+        {
+          "value": "700",
+          "label": "Bold"
+        }
+      ]
+    },
+    {
+      "id": "color",
+      "type": "color",
+      "role": "style",
+      "label": "Text color",
+      "description": "Color of both phrases.",
+      "default": "#171717"
+    },
+    {
+      "id": "caret_color",
+      "type": "color",
+      "role": "style",
+      "label": "Caret top",
+      "description": "Top color of the caret gradient.",
+      "default": "#FF4DAA"
+    },
+    {
+      "id": "caret_color_end",
+      "type": "color",
+      "role": "style",
+      "label": "Caret bottom",
+      "description": "Bottom color of the caret gradient.",
+      "default": "#8A5CF6"
+    }
+  ]
+}
diff --git a/scripts/catalog/component-variables.ts b/scripts/catalog/component-variables.ts
index a444e9ae533..7908fa721c7 100644
--- a/scripts/catalog/component-variables.ts
+++ b/scripts/catalog/component-variables.ts
@@ -72,17 +72,14 @@ export function snippetOwnsItsMotion(snippetHtml: string): boolean {
   return live.includes("__timelines") && live.includes("gsap.timeline");
 }
 
-/**
- * Components that register a timeline but still render a still frame when the
- * preview is built from their snippet.
- *
- * Both were measured, not guessed: their previews moved before this change and
- * were static after, while every other self-contained component kept moving.
- * The cause is in the pieces themselves rather than in the rule, so they keep
- * the preview they had. That leaves their panel inert, which is the state they
- * were already in, rather than trading an inert panel for a frozen preview.
- */
-export const SNIPPET_PREVIEW_RENDERS_STILL = new Set(["ascii-render-pass", "star-rating-fill"]);
+/** Components whose authored stage is needed for a working preview. */
+export const PREFER_AUTHORED_DEMO = new Set([
+  // Their snippets render still frames; keep the demos that supply their motion.
+  "ascii-render-pass",
+  "star-rating-fill",
+  // Dark text needs the demo's light canvas and its 1280 × 720 framing.
+  "caret-swap",
+]);
 
 /** The classes the snippet hangs its declaration on, which its script targets. */
 function declaringClasses(snippetHtml: string): string[] {
diff --git a/scripts/generate-catalog-payloads.ts b/scripts/generate-catalog-payloads.ts
index 38f6224848d..690d05f3f8c 100644
--- a/scripts/generate-catalog-payloads.ts
+++ b/scripts/generate-catalog-payloads.ts
@@ -37,10 +37,7 @@ import {
 import { isLocalAsset } from "./registry-hosted-assets.ts";
 import { componentFiles } from "./catalog/component-files.ts";
 import { runAsCommand } from "./entrypoint.ts";
-import {
-  snippetOwnsItsMotion,
-  SNIPPET_PREVIEW_RENDERS_STILL,
-} from "./catalog/component-variables.ts";
+import { snippetOwnsItsMotion, PREFER_AUTHORED_DEMO } from "./catalog/component-variables.ts";
 import {
   clearPinnedVariableValues,
   externalizeDataUris,
@@ -164,8 +161,7 @@ function snippetFileFor(item: CatalogItem): string | null {
 
 function buildsFromSnippet(item: CatalogItem, snippetFile: string): boolean {
   return (
-    snippetOwnsItsMotion(readFileSync(snippetFile, "utf-8")) &&
-    !SNIPPET_PREVIEW_RENDERS_STILL.has(item.name)
+    snippetOwnsItsMotion(readFileSync(snippetFile, "utf-8")) && !PREFER_AUTHORED_DEMO.has(item.name)
   );
 }
 

From 584f43628115c30b93a2409d4ba6d3bd2d1c353f Mon Sep 17 00:00:00 2001
From: rottenpen <12029924+rottenpen@users.noreply.github.com>
Date: Tue, 8 Sep 2026 14:38:48 +0800
Subject: [PATCH 4/8] feat(registry): add pendulum-swing component

Add a motion-primitive component that hangs content from a fixed pivot and
lets it settle with a damped oscillation, like a hanging sign coming to rest
on its hook.

The swing rides a single unitless custom property (--hf-swing-angle) that the
timeline eases 1 -> 0, so only rotation animates and it stays sub-pixel under
the seek-by-frame capture engine. The demo drives it with a damped-oscillation
ease (a cosine inside an exponential decay, normalised to land exactly upright)
so the sign passes through center several times, each pass smaller, before it
rests.

Four enum variables: pivot (top-center/left/right), amplitude
(gentle/standard/wide), direction (right/left), tone (ink/paper/accent, each a
bg/fg pair to keep AA contrast on any frame). The snippet is recipe-only and
does not own its timeline; its demo carries the same variable declaration.

Ran npx hyperframes lint/validate on both files, regenerated registry.json via
scripts/generate-registry-items.ts and the docs via
scripts/generate-catalog-pages.ts.
---
 registry/components/pendulum-swing/demo.html  | 180 ++++++++++++++++++
 .../pendulum-swing/pendulum-swing.html        | 133 +++++++++++++
 .../pendulum-swing/registry-item.json         |  71 +++++++
 3 files changed, 384 insertions(+)
 create mode 100644 registry/components/pendulum-swing/demo.html
 create mode 100644 registry/components/pendulum-swing/pendulum-swing.html
 create mode 100644 registry/components/pendulum-swing/registry-item.json

diff --git a/registry/components/pendulum-swing/demo.html b/registry/components/pendulum-swing/demo.html
new file mode 100644
index 00000000000..05ae2850ef7
--- /dev/null
+++ b/registry/components/pendulum-swing/demo.html
@@ -0,0 +1,180 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=1920, height=1080" />
+    <title>Pendulum Swing - Demo</title>
+    <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
+    <style>
+      * {
+        box-sizing: border-box;
+      }
+      html,
+      body {
+        margin: 0;
+        width: 1920px;
+        height: 1080px;
+        overflow: hidden;
+      }
+      #demo {
+        width: 1920px;
+        height: 1080px;
+        display: grid;
+        place-items: center;
+        background: #f7f7f8;
+        font-family: Inter, system-ui, sans-serif;
+      }
+      .demo-frame {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 40px;
+        /* ponytail: scale on non-GSAP wrapper — safe, GSAP only animates
+           --hf-swing-angle on the pendulum root below. */
+        transform: scale(1.4);
+        transform-origin: center center;
+      }
+      /* The hook the sign hangs from, drawn above the pivot for context. */
+      .swing-rig {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+      }
+      .swing-hook {
+        width: 18px;
+        height: 18px;
+        border-radius: 50%;
+        background: #a1a1aa;
+        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
+      }
+      .swing-label {
+        margin-top: 8px;
+        font-size: 11px;
+        font-weight: 500;
+        letter-spacing: 0.08em;
+        text-transform: uppercase;
+        color: #71717a;
+      }
+      .hf-catalog-pendulum-swing {
+        display: inline-block;
+        transform-origin: var(--hf-swing-origin, 50% 0%);
+        transform: rotate(
+          calc(
+            var(--hf-swing-angle, 0) * var(--hf-swing-dir, 1) *
+              var(--hf-swing-max, 34deg)
+          )
+        );
+      }
+      .hf-catalog-pendulum-swing__body {
+        display: inline-block;
+        padding: 22px 40px;
+        border-radius: 14px;
+        background: var(--hf-swing-bg, #18181b);
+        color: var(--hf-swing-fg, #fafafa);
+        font-family: Inter, system-ui, sans-serif;
+        font-weight: 800;
+        font-size: 54px;
+        letter-spacing: -0.02em;
+        white-space: nowrap;
+      }
+    </style>
+  </head>
+  <body>
+    <div
+      id="demo"
+      data-composition-id="pendulum-swing-demo"
+      data-start="0"
+      data-width="1920"
+      data-height="1080"
+      data-duration="5"
+    >
+      <div class="demo-frame">
+        <div class="swing-label">Pendulum Swing</div>
+        <div class="swing-rig">
+          <div class="swing-hook"></div>
+          <div
+            class="hf-catalog-pendulum-swing"
+            data-composition-variables='[
+    { "id": "pivot", "type": "enum", "role": "layout", "label": "Pivot", "description": "Where the content hangs from. The swing rotates about this point, so the top edge stays pinned.", "default": "top-center", "options": [{ "value": "top-center", "label": "Top center" }, { "value": "top-left", "label": "Top left" }, { "value": "top-right", "label": "Top right" }] },
+    { "id": "amplitude", "type": "enum", "role": "motion", "label": "Amplitude", "description": "How far the first swing reaches before it settles. Every later swing scales with it, so the pendulum still comes to rest upright.", "default": "standard", "options": [{ "value": "gentle", "label": "Gentle" }, { "value": "standard", "label": "Standard" }, { "value": "wide", "label": "Wide" }] },
+    { "id": "direction", "type": "enum", "role": "motion", "label": "Direction", "description": "Which side the pendulum swings in from: right lifts the first swing clockwise, left mirrors it.", "default": "right", "options": [{ "value": "right", "label": "Right" }, { "value": "left", "label": "Left" }] },
+    { "id": "tone", "type": "enum", "role": "style", "label": "Tone", "description": "Content colour: ink for light frames, paper for dark ones, accent rides --brand.", "default": "ink", "options": [{ "value": "ink", "label": "Ink" }, { "value": "paper", "label": "Paper" }, { "value": "accent", "label": "Accent" }] }
+  ]'
+          >
+            <span class="hf-catalog-pendulum-swing__body">Hanging&nbsp;Sign</span>
+          </div>
+        </div>
+      </div>
+      <script>
+        (function () {
+          "use strict";
+
+          var vars =
+            window.__hyperframes && window.__hyperframes.getVariables
+              ? window.__hyperframes.getVariables()
+              : {};
+
+          // Unrecognised overrides return to their declared defaults.
+          function pick(table, value, fallback) {
+            return Object.prototype.hasOwnProperty.call(table, value) ? value : fallback;
+          }
+
+          var pivots = {
+            "top-center": "50% 0%",
+            "top-left": "0% 0%",
+            "top-right": "100% 0%",
+          };
+          var amplitudes = { gentle: "18deg", standard: "34deg", wide: "52deg" };
+          var directions = { right: 1, left: -1 };
+          // Each tone is a fill/text pair so the sign keeps AA contrast.
+          var tones = {
+            ink: { bg: "#18181b", fg: "#fafafa" },
+            paper: { bg: "#fafafa", fg: "#18181b" },
+            accent: { bg: "var(--brand, #34d399)", fg: "#0b0b0c" },
+          };
+
+          var origin = pivots[pick(pivots, vars.pivot, "top-center")];
+          var maxAngle = amplitudes[pick(amplitudes, vars.amplitude, "standard")];
+          var dir = directions[pick(directions, vars.direction, "right")];
+          var tone = tones[pick(tones, vars.tone, "ink")];
+
+          var roots = document.querySelectorAll(".hf-catalog-pendulum-swing");
+          for (var i = 0; i < roots.length; i += 1) {
+            var root = roots[i];
+            root.style.setProperty("--hf-swing-origin", origin);
+            root.style.setProperty("--hf-swing-max", maxAngle);
+            root.style.setProperty("--hf-swing-dir", String(dir));
+            root.style.setProperty("--hf-swing-bg", tone.bg);
+            root.style.setProperty("--hf-swing-fg", tone.fg);
+          }
+        })();
+      </script>
+      <script>
+        const tl = gsap.timeline({ paused: true });
+        const startTime = 0.4;
+        // A pendulum does not snap upright in a single overshoot; it swings
+        // through the rest point several times, each pass smaller, until
+        // friction stills it. This ease is that motion: a cosine (the swings)
+        // inside an exponential decay (the damping). It is normalised so the
+        // tween still lands exactly upright (angle 0) at the end, and rotation
+        // stays sub-pixel under the seek-by-frame capture engine.
+        const swingSettle = (p) =>
+          1 - Math.exp(-2.3 * p) * Math.cos(3.5 * Math.PI * p);
+        tl.fromTo(
+          ".hf-catalog-pendulum-swing",
+          { "--hf-swing-angle": 1 },
+          {
+            "--hf-swing-angle": 0,
+            duration: 2.9,
+            ease: swingSettle,
+          },
+          startTime,
+        );
+        tl.set({}, {}, 5);
+        window.__timelines = window.__timelines || {};
+        window.__timelines["pendulum-swing-demo"] = tl;
+      </script>
+    </div>
+  </body>
+</html>
diff --git a/registry/components/pendulum-swing/pendulum-swing.html b/registry/components/pendulum-swing/pendulum-swing.html
new file mode 100644
index 00000000000..63cc8841a0d
--- /dev/null
+++ b/registry/components/pendulum-swing/pendulum-swing.html
@@ -0,0 +1,133 @@
+<!--
+  Pendulum Swing - motion primitive for HyperFrames.
+
+  Paste the markup, CSS and script into a composition. Drive the timeline
+  integration from a paused GSAP timeline so renders remain deterministic.
+
+  Variables. The script reads each one, falls back to the declared default on
+  anything missing or unrecognised, and writes the result as a custom property
+  the CSS below consumes. The timeline recipe stays untouched by them: it keeps
+  easing one unitless swing value from 1 down to 0, and these decide where the
+  content hangs from, how far the first swing reaches, which way it enters and
+  what colour it is.
+
+    - pivot (top-center | top-left | top-right, default top-center): where the
+      content hangs from. The swing rotates about this point, so the pinned top
+      edge never drifts.
+    - amplitude (gentle | standard | wide, default standard): how far the first
+      swing reaches, 18deg, 34deg or 52deg. Every later swing scales with it, so
+      whatever the reach the pendulum still comes to rest upright.
+    - direction (right | left, default right): which side the pendulum swings in
+      from. right lifts the first swing clockwise, left mirrors it.
+    - tone (ink | paper | accent, default ink): content colour. ink is
+      near-black for light frames, paper near-white for dark ones, accent rides
+      --brand.
+
+  On every default the result is identical to the original: a near-black sign
+  hanging from its top centre, entering from the right through a 34deg swing.
+
+  Motion note. The swing is a damped oscillation about the pivot: the content
+  passes through upright several times, each pass smaller, until it settles.
+  It rides a single unitless custom property (--hf-swing-angle) that the recipe
+  eases 1 -> 0, so rotation interpolates sub-pixel and stays smooth under the
+  seek-by-frame capture engine; nothing here animates a layout or reflow
+  property.
+-->
+
+<div
+  class="hf-catalog-pendulum-swing"
+  data-composition-variables='[
+    { "id": "pivot", "type": "enum", "role": "layout", "label": "Pivot", "description": "Where the content hangs from. The swing rotates about this point, so the top edge stays pinned.", "default": "top-center", "options": [{ "value": "top-center", "label": "Top center" }, { "value": "top-left", "label": "Top left" }, { "value": "top-right", "label": "Top right" }] },
+    { "id": "amplitude", "type": "enum", "role": "motion", "label": "Amplitude", "description": "How far the first swing reaches before it settles. Every later swing scales with it, so the pendulum still comes to rest upright.", "default": "standard", "options": [{ "value": "gentle", "label": "Gentle" }, { "value": "standard", "label": "Standard" }, { "value": "wide", "label": "Wide" }] },
+    { "id": "direction", "type": "enum", "role": "motion", "label": "Direction", "description": "Which side the pendulum swings in from: right lifts the first swing clockwise, left mirrors it.", "default": "right", "options": [{ "value": "right", "label": "Right" }, { "value": "left", "label": "Left" }] },
+    { "id": "tone", "type": "enum", "role": "style", "label": "Tone", "description": "Content colour: ink for light frames, paper for dark ones, accent rides --brand.", "default": "ink", "options": [{ "value": "ink", "label": "Ink" }, { "value": "paper", "label": "Paper" }, { "value": "accent", "label": "Accent" }] }
+  ]'
+>
+  <span class="hf-catalog-pendulum-swing__body">Hanging&nbsp;Sign</span>
+</div>
+
+<style>
+  .hf-catalog-pendulum-swing {
+    display: inline-block;
+    /* The pendulum swings about the hanging pivot. The angle stays a unitless
+       factor so the timeline can ease it 1 -> 0 (a damped oscillation through
+       upright) while amplitude and direction, set once from the variables,
+       decide the reach and the side. */
+    transform-origin: var(--hf-swing-origin, 50% 0%);
+    transform: rotate(
+      calc(
+        var(--hf-swing-angle, 0) * var(--hf-swing-dir, 1) *
+          var(--hf-swing-max, 34deg)
+      )
+    );
+  }
+  .hf-catalog-pendulum-swing__body {
+    display: inline-block;
+    padding: 22px 40px;
+    border-radius: 14px;
+    /* Tone sets a background/foreground pair so the sign stays legible whatever
+       the frame: the fill is the tone colour, the text its paired contrast. */
+    background: var(--hf-swing-bg, #18181b);
+    color: var(--hf-swing-fg, #fafafa);
+    font-family: Inter, system-ui, sans-serif;
+    font-weight: 800;
+    font-size: 54px;
+    letter-spacing: -0.02em;
+    white-space: nowrap;
+  }
+</style>
+
+<script>
+  (function () {
+    "use strict";
+
+    var vars =
+      window.__hyperframes && window.__hyperframes.getVariables
+        ? window.__hyperframes.getVariables()
+        : {};
+
+    // Unrecognised overrides return to their declared defaults.
+    function pick(table, value, fallback) {
+      return Object.prototype.hasOwnProperty.call(table, value) ? value : fallback;
+    }
+
+    var pivots = {
+      "top-center": "50% 0%",
+      "top-left": "0% 0%",
+      "top-right": "100% 0%",
+    };
+    var amplitudes = { gentle: "18deg", standard: "34deg", wide: "52deg" };
+    var directions = { right: 1, left: -1 };
+    // Each tone is a fill/text pair so the sign keeps AA contrast on any frame.
+    var tones = {
+      ink: { bg: "#18181b", fg: "#fafafa" },
+      paper: { bg: "#fafafa", fg: "#18181b" },
+      accent: { bg: "var(--brand, #34d399)", fg: "#0b0b0c" },
+    };
+
+    var origin = pivots[pick(pivots, vars.pivot, "top-center")];
+    var maxAngle = amplitudes[pick(amplitudes, vars.amplitude, "standard")];
+    var dir = directions[pick(directions, vars.direction, "right")];
+    var tone = tones[pick(tones, vars.tone, "ink")];
+
+    var roots = document.querySelectorAll(".hf-catalog-pendulum-swing");
+    for (var i = 0; i < roots.length; i += 1) {
+      var root = roots[i];
+      root.style.setProperty("--hf-swing-origin", origin);
+      root.style.setProperty("--hf-swing-max", maxAngle);
+      root.style.setProperty("--hf-swing-dir", String(dir));
+      root.style.setProperty("--hf-swing-bg", tone.bg);
+      root.style.setProperty("--hf-swing-fg", tone.fg);
+    }
+  })();
+</script>
+
+<!--
+  Timeline integration. The swing settles like a real pendulum: it passes
+  through upright several times, each pass smaller, until it comes to rest. That
+  is a cosine (the swings) inside an exponential decay (the damping), normalised
+  so the tween still lands exactly upright at the end.
+
+    const swingSettle = (p) => 1 - Math.exp(-2.3 * p) * Math.cos(3.5 * Math.PI * p);
+    tl.fromTo('.hf-catalog-pendulum-swing', { '--hf-swing-angle': 1 }, { '--hf-swing-angle': 0, duration: 2.9, ease: swingSettle }, startTime);
+-->
diff --git a/registry/components/pendulum-swing/registry-item.json b/registry/components/pendulum-swing/registry-item.json
new file mode 100644
index 00000000000..508c0de2f4c
--- /dev/null
+++ b/registry/components/pendulum-swing/registry-item.json
@@ -0,0 +1,71 @@
+{
+  "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
+  "name": "pendulum-swing",
+  "type": "hyperframes:component",
+  "title": "Pendulum Swing",
+  "description": "Content hangs from a fixed pivot and swings into rest with gravity-damped oscillation, like a hanging sign settling on its hook.",
+  "tags": ["motion-primitive", "physics", "swing", "settle", "reveal"],
+  "files": [
+    {
+      "path": "pendulum-swing.html",
+      "target": "compositions/components/pendulum-swing.html",
+      "type": "hyperframes:snippet"
+    }
+  ],
+  "variables": [
+    {
+      "id": "pivot",
+      "type": "enum",
+      "role": "layout",
+      "label": "Pivot",
+      "description": "Where the content hangs from. The swing rotates about this point, so the top edge stays pinned.",
+      "default": "top-center",
+      "options": [
+        { "value": "top-center", "label": "Top center" },
+        { "value": "top-left", "label": "Top left" },
+        { "value": "top-right", "label": "Top right" }
+      ]
+    },
+    {
+      "id": "amplitude",
+      "type": "enum",
+      "role": "motion",
+      "label": "Amplitude",
+      "description": "How far the first swing reaches before it settles. Every later swing scales with it, so the pendulum still comes to rest upright.",
+      "default": "standard",
+      "options": [
+        { "value": "gentle", "label": "Gentle" },
+        { "value": "standard", "label": "Standard" },
+        { "value": "wide", "label": "Wide" }
+      ]
+    },
+    {
+      "id": "direction",
+      "type": "enum",
+      "role": "motion",
+      "label": "Direction",
+      "description": "Which side the pendulum swings in from: right lifts the first swing clockwise, left mirrors it.",
+      "default": "right",
+      "options": [
+        { "value": "right", "label": "Right" },
+        { "value": "left", "label": "Left" }
+      ]
+    },
+    {
+      "id": "tone",
+      "type": "enum",
+      "role": "style",
+      "label": "Tone",
+      "description": "Content colour: ink for light frames, paper for dark ones, accent rides --brand.",
+      "default": "ink",
+      "options": [
+        { "value": "ink", "label": "Ink" },
+        { "value": "paper", "label": "Paper" },
+        { "value": "accent", "label": "Accent" }
+      ]
+    }
+  ],
+  "preview": {
+    "poster": "https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/pendulum-swing.png"
+  }
+}

From 3d52d2ee3b07d40b917c4379b14e7edac9d8af37 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miguel=20=C3=81ngel?= <miguel.sierra@heygen.com>
Date: Fri, 2 Oct 2026 10:02:47 -0400
Subject: [PATCH 5/8] fix(registry): drop hand-added cinemagraph index entry;
 catalog-publish adds it

---
 registry/registry.json | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/registry/registry.json b/registry/registry.json
index fee4053b60e..c8c99b16406 100644
--- a/registry/registry.json
+++ b/registry/registry.json
@@ -147,10 +147,6 @@
       "name": "chromatic-radial-split",
       "type": "hyperframes:block"
     },
-    {
-      "name": "cinemagraph",
-      "type": "hyperframes:block"
-    },
     {
       "name": "cinematic-zoom",
       "type": "hyperframes:block"

From f4f32e6da112902d2e7c6825fd127c3f0f5e1991 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miguel=20=C3=81ngel?= <miguel.sierra@heygen.com>
Date: Fri, 2 Oct 2026 10:13:50 -0400
Subject: [PATCH 6/8] style(registry): format pendulum-swing with oxfmt

---
 registry/components/pendulum-swing/demo.html           | 8 ++------
 registry/components/pendulum-swing/pendulum-swing.html | 5 +----
 2 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/registry/components/pendulum-swing/demo.html b/registry/components/pendulum-swing/demo.html
index 05ae2850ef7..566100dd33e 100644
--- a/registry/components/pendulum-swing/demo.html
+++ b/registry/components/pendulum-swing/demo.html
@@ -60,10 +60,7 @@
         display: inline-block;
         transform-origin: var(--hf-swing-origin, 50% 0%);
         transform: rotate(
-          calc(
-            var(--hf-swing-angle, 0) * var(--hf-swing-dir, 1) *
-              var(--hf-swing-max, 34deg)
-          )
+          calc(var(--hf-swing-angle, 0) * var(--hf-swing-dir, 1) * var(--hf-swing-max, 34deg))
         );
       }
       .hf-catalog-pendulum-swing__body {
@@ -159,8 +156,7 @@
         // inside an exponential decay (the damping). It is normalised so the
         // tween still lands exactly upright (angle 0) at the end, and rotation
         // stays sub-pixel under the seek-by-frame capture engine.
-        const swingSettle = (p) =>
-          1 - Math.exp(-2.3 * p) * Math.cos(3.5 * Math.PI * p);
+        const swingSettle = (p) => 1 - Math.exp(-2.3 * p) * Math.cos(3.5 * Math.PI * p);
         tl.fromTo(
           ".hf-catalog-pendulum-swing",
           { "--hf-swing-angle": 1 },
diff --git a/registry/components/pendulum-swing/pendulum-swing.html b/registry/components/pendulum-swing/pendulum-swing.html
index 63cc8841a0d..05920763267 100644
--- a/registry/components/pendulum-swing/pendulum-swing.html
+++ b/registry/components/pendulum-swing/pendulum-swing.html
@@ -55,10 +55,7 @@
        decide the reach and the side. */
     transform-origin: var(--hf-swing-origin, 50% 0%);
     transform: rotate(
-      calc(
-        var(--hf-swing-angle, 0) * var(--hf-swing-dir, 1) *
-          var(--hf-swing-max, 34deg)
-      )
+      calc(var(--hf-swing-angle, 0) * var(--hf-swing-dir, 1) * var(--hf-swing-max, 34deg))
     );
   }
   .hf-catalog-pendulum-swing__body {

From 4d2c9455c2c784558550fdc732a499480a58e1d9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miguel=20=C3=81ngel?= <miguel.sierra@heygen.com>
Date: Fri, 2 Oct 2026 10:14:20 -0400
Subject: [PATCH 7/8] fix(registry): keep pendulum-swing demo caption clear of
 the swinging sign

---
 registry/components/pendulum-swing/demo.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/registry/components/pendulum-swing/demo.html b/registry/components/pendulum-swing/demo.html
index 566100dd33e..6373b8a08bd 100644
--- a/registry/components/pendulum-swing/demo.html
+++ b/registry/components/pendulum-swing/demo.html
@@ -17,6 +17,7 @@
         overflow: hidden;
       }
       #demo {
+        position: relative;
         width: 1920px;
         height: 1080px;
         display: grid;
@@ -48,8 +49,12 @@
         background: #a1a1aa;
         box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
       }
+      /* Pinned to the frame bottom, clear of the sign at its widest swing. */
       .swing-label {
-        margin-top: 8px;
+        position: absolute;
+        bottom: 160px;
+        left: 50%;
+        transform: translateX(-50%);
         font-size: 11px;
         font-weight: 500;
         letter-spacing: 0.08em;
@@ -86,8 +91,8 @@
       data-height="1080"
       data-duration="5"
     >
+      <div class="swing-label">Pendulum Swing</div>
       <div class="demo-frame">
-        <div class="swing-label">Pendulum Swing</div>
         <div class="swing-rig">
           <div class="swing-hook"></div>
           <div

From de33b11cf1d162241cd258f7c0dd74e15951ce92 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Miguel=20=C3=81ngel?= <miguel.sierra@heygen.com>
Date: Fri, 2 Oct 2026 10:29:53 -0400
Subject: [PATCH 8/8] fix(registry): ship the ad-template editing contract for
 ai-answer-rank

---
 registry/blocks/ai-answer-rank/TEMPLATE.md    | 24 +++++++++++++++++++
 .../blocks/ai-answer-rank/registry-item.json  |  5 ++++
 2 files changed, 29 insertions(+)
 create mode 100644 registry/blocks/ai-answer-rank/TEMPLATE.md

diff --git a/registry/blocks/ai-answer-rank/TEMPLATE.md b/registry/blocks/ai-answer-rank/TEMPLATE.md
new file mode 100644
index 00000000000..8075e52921a
--- /dev/null
+++ b/registry/blocks/ai-answer-rank/TEMPLATE.md
@@ -0,0 +1,24 @@
+# AI Answer Rank editing contract
+
+## Surface ownership
+
+This is a generic assistant answer card, not any real AI product. The website brand is the subject of the ranking: the `brand` slot carries its real name, and the re-rank moves it into the answer with the one accent highlight. The other picks are competitors, never the brand itself. The chat card and motion remain template-owned.
+
+## Editable slots
+
+Only defaults declared in `data-composition-variables` are editable:
+
+- `prompt` and `lead`
+- `rowA`, `rowB`, and `rowC`, the original picks
+- `brand` and `brandRank`, the slot the brand lands in
+- `accent`, `ink`, and `ground`
+
+Typed copy is length-locked to within 20% of the original. Pick and brand names stay short enough to fit one row.
+
+## Safe editing mechanics
+
+Call `set_template_variable_defaults` once with the existing variable ids and their new defaults. Do not directly edit or rewrite `index.html` or its `data-composition-variables` attribute; the imported declaration is HTML-entity-encoded JSON and the setter preserves that encoding. Never edit `__template_baseline__.html` or a duplicate composition file. Validate after the setter succeeds.
+
+## Protected
+
+Do not change the card chrome, monogram tiles, skeleton rules, layout, fonts, scene order, duration, timing, easing, typing cadence, or re-rank logic. Website colors may only reach the declared `accent`, `ink`, and `ground` slots; keep `ink` legible on `ground`. If a requested value has no declared variable, leave it unchanged.
diff --git a/registry/blocks/ai-answer-rank/registry-item.json b/registry/blocks/ai-answer-rank/registry-item.json
index 824732b133e..f2847f71d32 100644
--- a/registry/blocks/ai-answer-rank/registry-item.json
+++ b/registry/blocks/ai-answer-rank/registry-item.json
@@ -117,6 +117,11 @@
       "path": "ai-answer-rank.html",
       "target": "compositions/ai-answer-rank.html",
       "type": "hyperframes:composition"
+    },
+    {
+      "path": "TEMPLATE.md",
+      "target": "TEMPLATE.md",
+      "type": "hyperframes:asset"
     }
   ]
 }