Docs / Components
SenseAnimateOnScrollComponent
Intersection-observer wrapper that toggles enter/leave classes and emits scroll events from @artificialsenselabs/ui.
Live demo: run nx serve showcase and open /components/animate-on-scroll (port 4202).
Overview
Category: Display. Selector: sense-animate-on-scroll. Import: import { SenseAnimateOnScrollComponent } from '@artificialsenselabs/ui';
Accessibility
- Respects
prefers-reduced-motionby showing content without scroll-triggered animation. - SSR-safe: content is visible on the server without waiting for intersection observers.
- Disabled mode skips observer setup while keeping projected content readable.