Animations

Ping animation

Use Ping for repeating signal or activity indicators.

Active signal

Ping

A small motion wrapper for live signals and active states.

Active signal example 1

Example 1

Active signal

Active signal example 2

Example 2

Active signal

Active signal example 3

Example 3

Active signal


Active signal

Live

A compact signal visual using the ping preset.

Viewport trigger


Ping

Starts when the preview enters the viewport.

Override values


Custom active signal

Custom signal

Adjust preset targets with props.

What it does

Expands scale while fading opacity, then loops.

FAQ

Where do I import it from?

Import from `@zentauri-ui/zentauri-components/animations/ping`.