Components
Scroll-triggered animations
An example of triggering an animation when an element enters or leaves the viewport using Motion for React's whileInView prop.
"use client"
import ScrollTriggered from "@/components/ui/motion-scroll-triggered"
export default function Default() {
return (
<div className="motion-example flex w-full items-center justify-center p-4">
<ScrollTriggered />
</div>
)
}