Track element within viewport

An example of tracking an element within the viewport using Motion for React's useScroll hook.

"use client"

import TrackElementWithinViewport from "@/components/ui/motion-scroll-track-element"

export default function Default() {
  return (
    <div className="motion-example flex w-full items-center justify-center p-4">
      <TrackElementWithinViewport />
    </div>
  )
}

Dependencies

motion

Source

motion.dev

Published

8/17/2026

Similar components

Explore more

Motion components53 Scroll components42 SVG components90

Dependencies

Tags

Newest

Popular

Shaders

Heros

Features

AI Chat Components

Calls to Action

Buttons

Testimonials

Pricing Sections

Text Components

Dependencies

Tags

Track element within viewport

Dependencies

Tags

Source

Published

Similar components

Explore more