Parallax Layer

Move a layer in response to scrolling.

@sigil-ui/componentsReact

Preview

import { ParallaxLayer } from "@sigil-ui/components";

<ParallaxLayer speed={0.5}>
  <div className="p-6 border border-[var(--s-border)]">Parallax content</div>
</ParallaxLayer>

Prop	Type	Default	Description
`speed`	`number`	`0.3`	Parallax speed multiplier. Positive = moves slower than scroll, negative = faster.

NumberTicker

Animate a number as it changes to a target value.

Pulse

Draw attention to a status with a repeating pulse.