Reveal

Animates children into view when they enter the viewport using IntersectionObserver. Wrap multiple Reveal components in RevealProvider to share a single observer for performance.

core/reveal

Installation

1 · Add registry to components.json

2 · Install component

Examples

Default

Cards fade and slide up when entering the viewport.

Foundation

Clean architecture from the ground up.

Primitives

Reusable components across every client.

Scale

Built for real South African products.

API Reference

Prop	Type	Default	Description
`asChild`	`boolean`	`false`	Merges animation props onto a single child element instead of wrapping it.
`threshold`	`number`	`0.15`	IntersectionObserver threshold before triggering.
`rootMargin`	`string`	`"0px"`	IntersectionObserver rootMargin.
`style`	`CSSProperties`	—	Passed through — use for transitionDelay to stagger multiple reveals.