---
title: "Code Scroll To Line"
description: "The camera scrolls a long file to bring a target line to center and spotlights it — for walking through real modules."
---
The camera scrolls a long file to bring a target line to center and spotlights it — for walking through real modules.
`code` `code-animation` `scroll` `developer`
## Add it to a project
Ask your agent:
```text
Add the Code Scroll To Line block from the HyperFrames Catalog to this project.
Replace the demo content with mine and match the existing design and timing.
```
Or install it from the project folder:
```bash Terminal
npx hyperframes add code-scroll
```
| Property | Value |
| --- | --- |
| Type | Block |
| Dimensions | 1920×1080 |
| Duration | 6s |
**Installed files**
| File | Target | Type |
| --- | --- | --- |
| `code-scroll.html` | `compositions/code-scroll.html` | hyperframes:composition |
## Use it
Ask your agent to replace the example content, match the project style, and place the block at the right moment in the video.
The installed block can be added to a host composition with:
```html
```