Clock Scroll — Free React & Next.js Scroll Effects Component

Clock hand rotation scroll animation with portrait reveal and text cycling

Clock 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/clock-scroll

Category

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

Tags

• clock
• scroll
• rotation
• gsap
• animation

Dependencies

• gsap
• @gsap/react
• lenis