> ## Documentation Index > Fetch the complete documentation index at: /llms.txt > Use this file to discover all available pages before exploring further. # Drift Hold > A centered content card stays subtly alive through loop-exact rotation, scale breathing, and a slow light sweep. # Drift Hold A centered content card stays subtly alive through loop-exact rotation, scale breathing, and a slow light sweep. **Drift Hold** ```html drift-hold.html theme={null} Drift Hold ``` Copy npx hyperframes add drift-hold to the clipboard That writes one file: `compositions/components/drift-hold.html`. ## Paste it into your composition Open `compositions/components/drift-hold.html` and copy what is inside into your own composition. A component has no size or duration of its own. It takes both from the composition you paste it into. ## Variables Every one of these has a default, so the piece works untouched. Set the ones you want to change on the element: | Variable | Default | Accepts | What it does | | - | - | - | - | | `text` | `Always alive` | string | Text displayed in the default centered card. | | `intensity` | `standard` | `whisper`, `standard` | Amplitude of the ambient rotation, breathing, and light sweep. | Set them with `data-variable-values` on the element that mounts it. These are the defaults, so this behaves exactly like the preview above until you change one: ```html wrap theme={null}
``` Tagged `motion-primitive` `camera` `ambient` `drift` `hold` `loopable`. ## Related topics * [Browse the complete Catalog](/catalog.md) * [Add assets and Catalog items in the browser editor](/studio/assets-and-blocks.md) * [Put blocks together into one video](/concepts/compositions.md) ## Related topics - [SVG Stroke Trace](/catalog/components/svg-stroke-trace.md) - [Headline Slam](/catalog/components/headline-slam.md) - [Aurora Drift](/catalog/components/aurora-drift.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.