diff --git a/docs/catalog/blocks/mk-callout-highlight.mdx b/docs/catalog/blocks/mk-callout-highlight.mdx
new file mode 100644
index 000000000..42a47419d
--- /dev/null
+++ b/docs/catalog/blocks/mk-callout-highlight.mdx
@@ -0,0 +1,44 @@
+---
+title: "Word-Sweep Highlight"
+description: "A sentence whose word-by-word emphasis is driven by a single scalar — tween it to sync the highlight with a voiceover"
+---
+
+# Word-Sweep Highlight
+
+A sentence whose word-by-word emphasis is driven by a single scalar — tween it to sync the highlight with a voiceover
+
+`typography` `karaoke` `captions` `minimal`
+
+
+
+## Install
+
+
+
+```bash Terminal
+npx hyperframes add mk-callout-highlight
+```
+
+
+
+## Details
+
+| Property | Value |
+| --- | --- |
+| Type | Block |
+| Dimensions | 1920×1080 |
+| Duration | 8s |
+
+## Files
+
+| File | Target | Type |
+| --- | --- | --- |
+| `mk-callout-highlight.html` | `compositions/mk-callout-highlight.html` | hyperframes:composition |
+
+## Usage
+
+After installing, add the block to your host composition:
+
+```html
+
+```
diff --git a/docs/catalog/blocks/mk-clone-wall-transition.mdx b/docs/catalog/blocks/mk-clone-wall-transition.mdx
new file mode 100644
index 000000000..170069210
--- /dev/null
+++ b/docs/catalog/blocks/mk-clone-wall-transition.mdx
@@ -0,0 +1,44 @@
+---
+title: "Text Clone Wall Transition"
+description: "Overlay transition: a tiled word wall covers the frame, inverts via difference blending, and clears — hard-cut the content beneath while covered"
+---
+
+# Text Clone Wall Transition
+
+Overlay transition: a tiled word wall covers the frame, inverts via difference blending, and clears — hard-cut the content beneath while covered
+
+`transition` `typography` `wipe`
+
+
+
+## Install
+
+
+
+```bash Terminal
+npx hyperframes add mk-clone-wall-transition
+```
+
+
+
+## Details
+
+| Property | Value |
+| --- | --- |
+| Type | Block |
+| Dimensions | 1920×1080 |
+| Duration | 2.4s |
+
+## Files
+
+| File | Target | Type |
+| --- | --- | --- |
+| `mk-clone-wall-transition.html` | `compositions/mk-clone-wall-transition.html` | hyperframes:composition |
+
+## Usage
+
+After installing, add the block to your host composition:
+
+```html
+
+```
diff --git a/docs/catalog/blocks/mk-line-graph.mdx b/docs/catalog/blocks/mk-line-graph.mdx
new file mode 100644
index 000000000..a8813964f
--- /dev/null
+++ b/docs/catalog/blocks/mk-line-graph.mdx
@@ -0,0 +1,44 @@
+---
+title: "Minimal Line Graph"
+description: "One or two SVG series draw on with dots popping and value labels riding the draw front; dim baseline axis, x-labels, color-dot legend"
+---
+
+# Minimal Line Graph
+
+One or two SVG series draw on with dots popping and value labels riding the draw front; dim baseline axis, x-labels, color-dot legend
+
+`data-viz` `chart` `graph` `minimal`
+
+
+
+## Install
+
+
+
+```bash Terminal
+npx hyperframes add mk-line-graph
+```
+
+
+
+## Details
+
+| Property | Value |
+| --- | --- |
+| Type | Block |
+| Dimensions | 1920×1080 |
+| Duration | 7s |
+
+## Files
+
+| File | Target | Type |
+| --- | --- | --- |
+| `mk-line-graph.html` | `compositions/mk-line-graph.html` | hyperframes:composition |
+
+## Usage
+
+After installing, add the block to your host composition:
+
+```html
+
+```
diff --git a/docs/catalog/blocks/mk-logo-sting.mdx b/docs/catalog/blocks/mk-logo-sting.mdx
new file mode 100644
index 000000000..20bf305e1
--- /dev/null
+++ b/docs/catalog/blocks/mk-logo-sting.mdx
@@ -0,0 +1,44 @@
+---
+title: "Outline Logo Sting"
+description: "A hairline rounded-square outline draws on and the logo lands inside — image or text wordmark in the same shell"
+---
+
+# Outline Logo Sting
+
+A hairline rounded-square outline draws on and the logo lands inside — image or text wordmark in the same shell
+
+`logo` `sting` `minimal`
+
+
+
+## Install
+
+
+
+```bash Terminal
+npx hyperframes add mk-logo-sting
+```
+
+
+
+## Details
+
+| Property | Value |
+| --- | --- |
+| Type | Block |
+| Dimensions | 1920×1080 |
+| Duration | 3.5s |
+
+## Files
+
+| File | Target | Type |
+| --- | --- | --- |
+| `mk-logo-sting.html` | `compositions/mk-logo-sting.html` | hyperframes:composition |
+
+## Usage
+
+After installing, add the block to your host composition:
+
+```html
+
+```
diff --git a/docs/catalog/blocks/mk-placeholder-grid.mdx b/docs/catalog/blocks/mk-placeholder-grid.mdx
new file mode 100644
index 000000000..9148e41b9
--- /dev/null
+++ b/docs/catalog/blocks/mk-placeholder-grid.mdx
@@ -0,0 +1,44 @@
+---
+title: "Rounded Media Grid"
+description: "N-up rounded-corner media grid (2-up, 3-up, 4-up, 3x2, hero plus two): per-cell inside-scale framing, staggered box-in entrance, slow settle"
+---
+
+# Rounded Media Grid
+
+N-up rounded-corner media grid (2-up, 3-up, 4-up, 3x2, hero plus two): per-cell inside-scale framing, staggered box-in entrance, slow settle
+
+`placeholder` `media` `grid` `minimal`
+
+
+
+## Install
+
+
+
+```bash Terminal
+npx hyperframes add mk-placeholder-grid
+```
+
+
+
+## Details
+
+| Property | Value |
+| --- | --- |
+| Type | Block |
+| Dimensions | 1920×1080 |
+| Duration | 8s |
+
+## Files
+
+| File | Target | Type |
+| --- | --- | --- |
+| `mk-placeholder-grid.html` | `compositions/mk-placeholder-grid.html` | hyperframes:composition |
+
+## Usage
+
+After installing, add the block to your host composition:
+
+```html
+
+```
diff --git a/docs/catalog/blocks/mk-progress-stat.mdx b/docs/catalog/blocks/mk-progress-stat.mdx
new file mode 100644
index 000000000..46ff095a5
--- /dev/null
+++ b/docs/catalog/blocks/mk-progress-stat.mdx
@@ -0,0 +1,44 @@
+---
+title: "Count-Up Stat Card"
+description: "Big-numeral statistic with count-up, label, thin progress track filling to value/max, and caption; light and dark schemes"
+---
+
+# Count-Up Stat Card
+
+Big-numeral statistic with count-up, label, thin progress track filling to value/max, and caption; light and dark schemes
+
+`data-viz` `stat` `minimal`
+
+
+
+## Install
+
+
+
+```bash Terminal
+npx hyperframes add mk-progress-stat
+```
+
+
+
+## Details
+
+| Property | Value |
+| --- | --- |
+| Type | Block |
+| Dimensions | 1920×1080 |
+| Duration | 7s |
+
+## Files
+
+| File | Target | Type |
+| --- | --- | --- |
+| `mk-progress-stat.html` | `compositions/mk-progress-stat.html` | hyperframes:composition |
+
+## Usage
+
+After installing, add the block to your host composition:
+
+```html
+
+```
diff --git a/docs/catalog/blocks/mk-specs-list.mdx b/docs/catalog/blocks/mk-specs-list.mdx
new file mode 100644
index 000000000..f6c64bc37
--- /dev/null
+++ b/docs/catalog/blocks/mk-specs-list.mdx
@@ -0,0 +1,44 @@
+---
+title: "Specs Checklist"
+description: "Left-aligned specs/traits checklist over footage or a board: rows slide in staggered with an accent underline sweep; light and dark schemes"
+---
+
+# Specs Checklist
+
+Left-aligned specs/traits checklist over footage or a board: rows slide in staggered with an accent underline sweep; light and dark schemes
+
+`data-viz` `list` `minimal` `professional`
+
+
+
+## Install
+
+
+
+```bash Terminal
+npx hyperframes add mk-specs-list
+```
+
+
+
+## Details
+
+| Property | Value |
+| --- | --- |
+| Type | Block |
+| Dimensions | 1920×1080 |
+| Duration | 8s |
+
+## Files
+
+| File | Target | Type |
+| --- | --- | --- |
+| `mk-specs-list.html` | `compositions/mk-specs-list.html` | hyperframes:composition |
+
+## Usage
+
+After installing, add the block to your host composition:
+
+```html
+
+```
diff --git a/docs/catalog/components/mk-cta-button.mdx b/docs/catalog/components/mk-cta-button.mdx
new file mode 100644
index 000000000..59ab2eef8
--- /dev/null
+++ b/docs/catalog/components/mk-cta-button.mdx
@@ -0,0 +1,38 @@
+---
+title: "Pill CTA Button"
+description: "Rounded call-to-action button with arrow, optional outline frame with shadow, frosted variant, and an arrow-nudge helper"
+---
+
+# Pill CTA Button
+
+Rounded call-to-action button with arrow, optional outline frame with shadow, frosted variant, and an arrow-nudge helper
+
+`cta` `button` `minimal` `overlay`
+
+
+
+## Install
+
+
+
+```bash Terminal
+npx hyperframes add mk-cta-button
+```
+
+
+
+## Details
+
+| Property | Value |
+| --- | --- |
+| Type | Component |
+
+## Files
+
+| File | Target | Type |
+| --- | --- | --- |
+| `mk-cta-button.html` | `compositions/components/mk-cta-button.html` | hyperframes:snippet |
+
+## Usage
+
+Read the installed file and copy its CSS, markup pattern, and helper functions into your host composition — the parent timeline owns all timing. The file's header comment documents the wiring calls.
diff --git a/docs/catalog/components/mk-emphasis-type.mdx b/docs/catalog/components/mk-emphasis-type.mdx
new file mode 100644
index 000000000..4333831e2
--- /dev/null
+++ b/docs/catalog/components/mk-emphasis-type.mdx
@@ -0,0 +1,38 @@
+---
+title: "Background Emphasis Type"
+description: "Oversized low-contrast background word drifting slowly behind the subject — typography as texture"
+---
+
+# Background Emphasis Type
+
+Oversized low-contrast background word drifting slowly behind the subject — typography as texture
+
+`typography` `text-treatment` `minimal`
+
+
+
+## Install
+
+
+
+```bash Terminal
+npx hyperframes add mk-emphasis-type
+```
+
+
+
+## Details
+
+| Property | Value |
+| --- | --- |
+| Type | Component |
+
+## Files
+
+| File | Target | Type |
+| --- | --- | --- |
+| `mk-emphasis-type.html` | `compositions/components/mk-emphasis-type.html` | hyperframes:snippet |
+
+## Usage
+
+Read the installed file and copy its CSS, markup pattern, and helper functions into your host composition — the parent timeline owns all timing. The file's header comment documents the wiring calls.
diff --git a/docs/catalog/components/mk-pill-callout.mdx b/docs/catalog/components/mk-pill-callout.mdx
new file mode 100644
index 000000000..2d5881ce5
--- /dev/null
+++ b/docs/catalog/components/mk-pill-callout.mdx
@@ -0,0 +1,38 @@
+---
+title: "Capsule Callout Chip"
+description: "Rounded capsule chip for handles, tags, and URLs with solid, paper, and frosted-glass variants; slide in/out helpers for the host timeline"
+---
+
+# Capsule Callout Chip
+
+Rounded capsule chip for handles, tags, and URLs with solid, paper, and frosted-glass variants; slide in/out helpers for the host timeline
+
+`callout` `social` `minimal` `overlay`
+
+
+
+## Install
+
+
+
+```bash Terminal
+npx hyperframes add mk-pill-callout
+```
+
+
+
+## Details
+
+| Property | Value |
+| --- | --- |
+| Type | Component |
+
+## Files
+
+| File | Target | Type |
+| --- | --- | --- |
+| `mk-pill-callout.html` | `compositions/components/mk-pill-callout.html` | hyperframes:snippet |
+
+## Usage
+
+Read the installed file and copy its CSS, markup pattern, and helper functions into your host composition — the parent timeline owns all timing. The file's header comment documents the wiring calls.
diff --git a/docs/catalog/components/mk-usage-arc.mdx b/docs/catalog/components/mk-usage-arc.mdx
new file mode 100644
index 000000000..5f2bbb97c
--- /dev/null
+++ b/docs/catalog/components/mk-usage-arc.mdx
@@ -0,0 +1,38 @@
+---
+title: "Hairline Arc Gauge"
+description: "Thin circular gauge that draws on while its percentage counts up; one helper call drives both"
+---
+
+# Hairline Arc Gauge
+
+Thin circular gauge that draws on while its percentage counts up; one helper call drives both
+
+`data-viz` `gauge` `minimal`
+
+
+
+## Install
+
+
+
+```bash Terminal
+npx hyperframes add mk-usage-arc
+```
+
+
+
+## Details
+
+| Property | Value |
+| --- | --- |
+| Type | Component |
+
+## Files
+
+| File | Target | Type |
+| --- | --- | --- |
+| `mk-usage-arc.html` | `compositions/components/mk-usage-arc.html` | hyperframes:snippet |
+
+## Usage
+
+Read the installed file and copy its CSS, markup pattern, and helper functions into your host composition — the parent timeline owns all timing. The file's header comment documents the wiring calls.
diff --git a/registry/blocks/mk-callout-highlight/mk-callout-highlight.html b/registry/blocks/mk-callout-highlight/mk-callout-highlight.html
new file mode 100644
index 000000000..d9585560f
--- /dev/null
+++ b/registry/blocks/mk-callout-highlight/mk-callout-highlight.html
@@ -0,0 +1,152 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/registry/blocks/mk-callout-highlight/registry-item.json b/registry/blocks/mk-callout-highlight/registry-item.json
new file mode 100644
index 000000000..9d4d2452a
--- /dev/null
+++ b/registry/blocks/mk-callout-highlight/registry-item.json
@@ -0,0 +1,20 @@
+{
+ "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
+ "name": "mk-callout-highlight",
+ "type": "hyperframes:block",
+ "title": "Word-Sweep Highlight",
+ "description": "A sentence whose word-by-word emphasis is driven by a single scalar \u2014 tween it to sync the highlight with a voiceover",
+ "tags": ["typography", "karaoke", "captions", "minimal"],
+ "dimensions": {
+ "width": 1920,
+ "height": 1080
+ },
+ "duration": 8,
+ "files": [
+ {
+ "path": "mk-callout-highlight.html",
+ "target": "compositions/mk-callout-highlight.html",
+ "type": "hyperframes:composition"
+ }
+ ]
+}
diff --git a/registry/blocks/mk-clone-wall-transition/mk-clone-wall-transition.html b/registry/blocks/mk-clone-wall-transition/mk-clone-wall-transition.html
new file mode 100644
index 000000000..7b088e812
--- /dev/null
+++ b/registry/blocks/mk-clone-wall-transition/mk-clone-wall-transition.html
@@ -0,0 +1,217 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/registry/blocks/mk-clone-wall-transition/registry-item.json b/registry/blocks/mk-clone-wall-transition/registry-item.json
new file mode 100644
index 000000000..b72a1df88
--- /dev/null
+++ b/registry/blocks/mk-clone-wall-transition/registry-item.json
@@ -0,0 +1,20 @@
+{
+ "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
+ "name": "mk-clone-wall-transition",
+ "type": "hyperframes:block",
+ "title": "Text Clone Wall Transition",
+ "description": "Overlay transition: a tiled word wall covers the frame, inverts via difference blending, and clears \u2014 hard-cut the content beneath while covered",
+ "tags": ["transition", "typography", "wipe"],
+ "dimensions": {
+ "width": 1920,
+ "height": 1080
+ },
+ "duration": 2.4,
+ "files": [
+ {
+ "path": "mk-clone-wall-transition.html",
+ "target": "compositions/mk-clone-wall-transition.html",
+ "type": "hyperframes:composition"
+ }
+ ]
+}
diff --git a/registry/blocks/mk-line-graph/mk-line-graph.html b/registry/blocks/mk-line-graph/mk-line-graph.html
new file mode 100644
index 000000000..e942a288f
--- /dev/null
+++ b/registry/blocks/mk-line-graph/mk-line-graph.html
@@ -0,0 +1,283 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/registry/blocks/mk-line-graph/registry-item.json b/registry/blocks/mk-line-graph/registry-item.json
new file mode 100644
index 000000000..fa86a3591
--- /dev/null
+++ b/registry/blocks/mk-line-graph/registry-item.json
@@ -0,0 +1,20 @@
+{
+ "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
+ "name": "mk-line-graph",
+ "type": "hyperframes:block",
+ "title": "Minimal Line Graph",
+ "description": "One or two SVG series draw on with dots popping and value labels riding the draw front; dim baseline axis, x-labels, color-dot legend",
+ "tags": ["data-viz", "chart", "graph", "minimal"],
+ "dimensions": {
+ "width": 1920,
+ "height": 1080
+ },
+ "duration": 7,
+ "files": [
+ {
+ "path": "mk-line-graph.html",
+ "target": "compositions/mk-line-graph.html",
+ "type": "hyperframes:composition"
+ }
+ ]
+}
diff --git a/registry/blocks/mk-logo-sting/mk-logo-sting.html b/registry/blocks/mk-logo-sting/mk-logo-sting.html
new file mode 100644
index 000000000..667c886c0
--- /dev/null
+++ b/registry/blocks/mk-logo-sting/mk-logo-sting.html
@@ -0,0 +1,174 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/registry/blocks/mk-logo-sting/registry-item.json b/registry/blocks/mk-logo-sting/registry-item.json
new file mode 100644
index 000000000..6ca803ab4
--- /dev/null
+++ b/registry/blocks/mk-logo-sting/registry-item.json
@@ -0,0 +1,20 @@
+{
+ "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
+ "name": "mk-logo-sting",
+ "type": "hyperframes:block",
+ "title": "Outline Logo Sting",
+ "description": "A hairline rounded-square outline draws on and the logo lands inside \u2014 image or text wordmark in the same shell",
+ "tags": ["logo", "sting", "minimal"],
+ "dimensions": {
+ "width": 1920,
+ "height": 1080
+ },
+ "duration": 3.5,
+ "files": [
+ {
+ "path": "mk-logo-sting.html",
+ "target": "compositions/mk-logo-sting.html",
+ "type": "hyperframes:composition"
+ }
+ ]
+}
diff --git a/registry/blocks/mk-placeholder-grid/mk-placeholder-grid.html b/registry/blocks/mk-placeholder-grid/mk-placeholder-grid.html
new file mode 100644
index 000000000..d6666d2ef
--- /dev/null
+++ b/registry/blocks/mk-placeholder-grid/mk-placeholder-grid.html
@@ -0,0 +1,233 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/registry/blocks/mk-placeholder-grid/registry-item.json b/registry/blocks/mk-placeholder-grid/registry-item.json
new file mode 100644
index 000000000..b9f2a48e6
--- /dev/null
+++ b/registry/blocks/mk-placeholder-grid/registry-item.json
@@ -0,0 +1,20 @@
+{
+ "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
+ "name": "mk-placeholder-grid",
+ "type": "hyperframes:block",
+ "title": "Rounded Media Grid",
+ "description": "N-up rounded-corner media grid (2-up, 3-up, 4-up, 3x2, hero plus two): per-cell inside-scale framing, staggered box-in entrance, slow settle",
+ "tags": ["placeholder", "media", "grid", "minimal"],
+ "dimensions": {
+ "width": 1920,
+ "height": 1080
+ },
+ "duration": 8,
+ "files": [
+ {
+ "path": "mk-placeholder-grid.html",
+ "target": "compositions/mk-placeholder-grid.html",
+ "type": "hyperframes:composition"
+ }
+ ]
+}
diff --git a/registry/blocks/mk-progress-stat/mk-progress-stat.html b/registry/blocks/mk-progress-stat/mk-progress-stat.html
new file mode 100644
index 000000000..daee0abd7
--- /dev/null
+++ b/registry/blocks/mk-progress-stat/mk-progress-stat.html
@@ -0,0 +1,185 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/registry/blocks/mk-progress-stat/registry-item.json b/registry/blocks/mk-progress-stat/registry-item.json
new file mode 100644
index 000000000..14117871d
--- /dev/null
+++ b/registry/blocks/mk-progress-stat/registry-item.json
@@ -0,0 +1,20 @@
+{
+ "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
+ "name": "mk-progress-stat",
+ "type": "hyperframes:block",
+ "title": "Count-Up Stat Card",
+ "description": "Big-numeral statistic with count-up, label, thin progress track filling to value/max, and caption; light and dark schemes",
+ "tags": ["data-viz", "stat", "minimal"],
+ "dimensions": {
+ "width": 1920,
+ "height": 1080
+ },
+ "duration": 7,
+ "files": [
+ {
+ "path": "mk-progress-stat.html",
+ "target": "compositions/mk-progress-stat.html",
+ "type": "hyperframes:composition"
+ }
+ ]
+}
diff --git a/registry/blocks/mk-specs-list/mk-specs-list.html b/registry/blocks/mk-specs-list/mk-specs-list.html
new file mode 100644
index 000000000..6729adbbd
--- /dev/null
+++ b/registry/blocks/mk-specs-list/mk-specs-list.html
@@ -0,0 +1,222 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/registry/blocks/mk-specs-list/registry-item.json b/registry/blocks/mk-specs-list/registry-item.json
new file mode 100644
index 000000000..30732b4c5
--- /dev/null
+++ b/registry/blocks/mk-specs-list/registry-item.json
@@ -0,0 +1,20 @@
+{
+ "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
+ "name": "mk-specs-list",
+ "type": "hyperframes:block",
+ "title": "Specs Checklist",
+ "description": "Left-aligned specs/traits checklist over footage or a board: rows slide in staggered with an accent underline sweep; light and dark schemes",
+ "tags": ["data-viz", "list", "minimal", "professional"],
+ "dimensions": {
+ "width": 1920,
+ "height": 1080
+ },
+ "duration": 8,
+ "files": [
+ {
+ "path": "mk-specs-list.html",
+ "target": "compositions/mk-specs-list.html",
+ "type": "hyperframes:composition"
+ }
+ ]
+}
diff --git a/registry/components/mk-cta-button/mk-cta-button.html b/registry/components/mk-cta-button/mk-cta-button.html
new file mode 100644
index 000000000..ca566aeea
--- /dev/null
+++ b/registry/components/mk-cta-button/mk-cta-button.html
@@ -0,0 +1,135 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/registry/components/mk-cta-button/registry-item.json b/registry/components/mk-cta-button/registry-item.json
new file mode 100644
index 000000000..05dbf56ff
--- /dev/null
+++ b/registry/components/mk-cta-button/registry-item.json
@@ -0,0 +1,15 @@
+{
+ "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
+ "name": "mk-cta-button",
+ "type": "hyperframes:component",
+ "title": "Pill CTA Button",
+ "description": "Rounded call-to-action button with arrow, optional outline frame with shadow, frosted variant, and an arrow-nudge helper",
+ "tags": ["cta", "button", "minimal", "overlay"],
+ "files": [
+ {
+ "path": "mk-cta-button.html",
+ "target": "compositions/components/mk-cta-button.html",
+ "type": "hyperframes:snippet"
+ }
+ ]
+}
diff --git a/registry/components/mk-emphasis-type/mk-emphasis-type.html b/registry/components/mk-emphasis-type/mk-emphasis-type.html
new file mode 100644
index 000000000..7b6390736
--- /dev/null
+++ b/registry/components/mk-emphasis-type/mk-emphasis-type.html
@@ -0,0 +1,97 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/registry/components/mk-emphasis-type/registry-item.json b/registry/components/mk-emphasis-type/registry-item.json
new file mode 100644
index 000000000..19626188d
--- /dev/null
+++ b/registry/components/mk-emphasis-type/registry-item.json
@@ -0,0 +1,15 @@
+{
+ "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
+ "name": "mk-emphasis-type",
+ "type": "hyperframes:component",
+ "title": "Background Emphasis Type",
+ "description": "Oversized low-contrast background word drifting slowly behind the subject \u2014 typography as texture",
+ "tags": ["typography", "text-treatment", "minimal"],
+ "files": [
+ {
+ "path": "mk-emphasis-type.html",
+ "target": "compositions/components/mk-emphasis-type.html",
+ "type": "hyperframes:snippet"
+ }
+ ]
+}
diff --git a/registry/components/mk-pill-callout/mk-pill-callout.html b/registry/components/mk-pill-callout/mk-pill-callout.html
new file mode 100644
index 000000000..84f970e87
--- /dev/null
+++ b/registry/components/mk-pill-callout/mk-pill-callout.html
@@ -0,0 +1,123 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/registry/components/mk-pill-callout/registry-item.json b/registry/components/mk-pill-callout/registry-item.json
new file mode 100644
index 000000000..9c7088d01
--- /dev/null
+++ b/registry/components/mk-pill-callout/registry-item.json
@@ -0,0 +1,15 @@
+{
+ "$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
+ "name": "mk-pill-callout",
+ "type": "hyperframes:component",
+ "title": "Capsule Callout Chip",
+ "description": "Rounded capsule chip for handles, tags, and URLs with solid, paper, and frosted-glass variants; slide in/out helpers for the host timeline",
+ "tags": ["callout", "social", "minimal", "overlay"],
+ "files": [
+ {
+ "path": "mk-pill-callout.html",
+ "target": "compositions/components/mk-pill-callout.html",
+ "type": "hyperframes:snippet"
+ }
+ ]
+}
diff --git a/registry/components/mk-usage-arc/mk-usage-arc.html b/registry/components/mk-usage-arc/mk-usage-arc.html
new file mode 100644
index 000000000..852205d64
--- /dev/null
+++ b/registry/components/mk-usage-arc/mk-usage-arc.html
@@ -0,0 +1,149 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 0%
+ Usage
+
+
+
+