Telescope Image Scroll — Free React & Next.js Scroll Effects Component

Scroll-pinned telescope zoom effect with stacked mask layers revealing a full banner image, split intro text that slides apart, and word-by-word header reveal.

Telescope Image Scroll is a premium scroll effects component for React and Next.js applications. Built with Tailwind CSS, GSAP animations. Copy-paste ready. Part of the ValvetUI component library.

Installation

Install with CLI: npx shadcn add @valvetui/telescope-image-scroll

Category

Scroll Effects — Scroll-driven animations, parallax, and scroll-triggered reveals

Tags

• telescope
• scroll
• mask
• parallax
• gsap
• splittext
• lenis

Dependencies

• gsap
• lenis