> ## Documentation Index > Fetch the complete documentation index at: /llms.txt > Use this file to discover all available pages before exploring further. # Beat Pulse Background > An accent-derived backdrop pulses its glow intensity and saturation on a deterministic, supplied beat grid. # Beat Pulse Background An accent-derived backdrop pulses its glow intensity and saturation on a deterministic, supplied beat grid. **Beat Pulse Background** ```html beat-pulse-background.html theme={null} Beat Pulse Background ``` Copy npx hyperframes add beat-pulse-background to the clipboard That writes one file: `compositions/components/beat-pulse-background.html`. ## Paste it into your composition Open `compositions/components/beat-pulse-background.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 | | - | - | - | - | | `beats` | `0.5,1.0,1.5,2.0,2.5,3.0,3.5` | string | Comma-separated beat times in seconds. Invalid entries are ignored and numeric values are clamped to the composition duration. | | `accent` | `green` | `green`, `blue`, `violet` | Accent token family used by the pulsing glow. | | `intensity` | `subtle` | `subtle`, `club` | Strength of the glow and saturation pulse. | 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` `background` `beat` `pulse` `rhythmic` `reactive`. ## 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 - [Beat Accent](/catalog/components/beat-accent.md) - [Icon Morph Beat](/catalog/components/icon-morph-beat.md) - [Beat Freeze Cut](/catalog/blocks/beat-freeze-cut.md) This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.