ext/hyperframes
2
0
Fork 0
mirror of https://github.com/heygen-com/hyperframes.git synced 2026-09-05 00:56:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs: make Catalog visual and reproducible

Browse Source
This commit is contained in:
ukimsanov
2026-08-04 03:06:31 -07:00
parent 7e5a9b3c24
commit 79c4056a3f
184 changed files with 3760 additions and 2732 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/catalog/components/caption-kinetic-slam.mdx
+22 -13
View File
@@ -3,23 +3,24 @@ title: "Kinetic Slam"
description: "Full-screen single-word display with alternating entrance directions"
---
# Kinetic Slam
Full-screen single-word display with alternating entrance directions
`captions` `caption-style` `kinetic` `typography` `slam`
<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-kinetic-slam.mp4" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-kinetic-slam.png" autoPlay muted loop playsInline />
<video className="w-full aspect-video rounded-xl object-cover bg-zinc-100 dark:bg-zinc-800" src="https://static.heygen.ai/hyperframes-oss/registry/components/caption-kinetic-slam/preview.mp4?v=1779051416" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-kinetic-slam.png" autoPlay muted loop playsInline />
## Install
## Add it to a project
<CodeGroup>
### Ask your agent
```bash Terminal
npx hyperframes add caption-kinetic-slam
```text
Add the Kinetic Slam component from the HyperFrames Catalog to this project.
Replace the demo content with mine and match the existing design and timing.
```
</CodeGroup>
### Install from the terminal
```bash
npx hyperframes add caption-kinetic-slam
```
## Details
@@ -27,12 +28,20 @@ npx hyperframes add caption-kinetic-slam
| --- | --- |
| Type | Component |
## Files
**Installed files**
| File | Target | Type |
| --- | --- | --- |
| `caption-kinetic-slam.html` | `compositions/components/caption-kinetic-slam.html` | hyperframes:snippet |
## Usage
## Use it
Open `compositions/components/caption-kinetic-slam.html` and paste its contents into your composition. See the comment header in the file for detailed instructions.
Ask your agent to apply the component to the intended element and preserve the project’s existing timing.
**Wiring it by hand.** Open `compositions/components/caption-kinetic-slam.html` and paste its contents into your composition. The comment header in that file contains any item-specific instructions.
## Related topics
- [Browse the complete Catalog](/catalog)
- [Add assets and Catalog items in Studio](/studio/assets-and-blocks)
- [Build a richer composition](/go-further)