Component advanced/001

Component ID: advanced/001

Words zoom in dramatically from very large (14x scale) to normal size, one word at a time with overlap. Creates an impactful falling/zooming effect where each word starts enormous and shrinks into place. The speed is configurable.

Section	Special text animation effects (zoom, falling) that go beyond the basic text styles
Animation	Each word scales from 14 to 1 with fade-in and easeOutCirc easing. Speed setting (3-6) controls duration.
Intro duration	10 s

Preview

Element schema

Minimal shape of a advanced/001 component element:

{
    "type": "component",
    "component": "advanced/001",
    "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.

`animation`

Text content and animation control.

Property	Type	Default	Description
`text`	string	—	Text to animate (split into words).
`speed`	integer	`3`	Animation speed (3=slow, 6=fast).
`color`	string	`white`	Text color.
`font-size`	string	—	Font size.
`font-family`	string	`Roboto`	Google Font name.
`vertical-align`	string (enum)	`center`	Vertical position. Values: `top`, `center`, `bottom`
`text-align`	string (enum)	`center`	Text alignment. Values: `left`, `center`, `right`