Component advanced/110

Component ID: advanced/110

Displays a tall screenshot or webpage capture and scrolls through it, simulating a user reading the page. Supports two scroll styles: 'human' (realistic stepped scrolling with random pauses between viewport-sized steps) and 'linear' (continuous smooth scroll). Perfect for website demos, app showcases, or showing long-form content.

Section	Interactive or data-driven elements: buttons, counters, ratings, images, tables
Animation	'human' mode: scrolls in viewport-sized steps (1000ms per step) with random pauses (100-500ms). 'linear' mode: continuous smooth scroll (10s total). Speed adjustable via speed-ratio.
Intro duration	15 s

Preview

Element schema

Minimal shape of a advanced/110 component element:

{
    "type": "component",
    "component": "advanced/110",
    "settings": {}
}

See the full component element reference for shared properties like duration, start, x, y, etc.

Settings

The settings property accepts the following groups. Each group contains CSS-like properties; see component CSS properties for the full list of supported keys.

`screenshot`

Screenshot source and scroll behavior.

Property	Type	Default	Description
`src`	string	—	URL to tall screenshot/image.
`scroll-style`	string (enum)	`human`	Scroll behavior. Values: `human`, `linear`
`speed-ratio`	number	`1`	Speed multiplier (lower = slower, higher = faster).