Files
hyperframes/docs/catalog/components/caption-neon-glow.mdx
T

48 lines
1.5 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
---
title: "Neon Glow"
description: "Cyan and magenta neon glow with keyword accent colors"
---
`captions` `caption-style` `neon` `glow` `gaming`
<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-neon-glow/preview.mp4?v=1779051416" poster="https://static.heygen.ai/hyperframes-oss/docs/images/catalog/components/caption-neon-glow.png" autoPlay muted loop playsInline />
## Add it to a project
### Ask your agent
```text
Add the Neon Glow component from the HyperFrames Catalog to this project.
Replace the demo content with mine and match the existing design and timing.
```
### Install from the terminal
```bash
npx hyperframes add caption-neon-glow
```
## Details
| Property | Value |
| --- | --- |
| Type | Component |
**Installed files**
| File | Target | Type |
| --- | --- | --- |
| `caption-neon-glow.html` | `compositions/components/caption-neon-glow.html` | hyperframes:snippet |
## Use it
Ask your agent to apply the component to the intended element and preserve the projects existing timing.
**Wiring it by hand.** Open `compositions/components/caption-neon-glow.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)