Logo on Scroll v2

About this Component

Logo on scroll v2 is a self-contained scroll animation for turning text or an uploaded logo into a responsive moving brand element. It owns its own scroll track and sticky viewport stage, so there’s no need to build a separate tall parent or grandparent container.

Animate between virtually any viewport position using top, center, or bottom anchors with left, center, or right alignment. Control the start and final scale, offsets, breakpoint behavior, scroll length, motion range, easing, and canvas preview. Enable Keep Final to leave the finished logo pinned in place after the morph while the rest of the page continues scrolling.

Perfect For: • SaaS and product landing pages • Brand-led hero transitions • Logo-to-navigation moments • Editorial and portfolio sites • Scroll-driven storytelling

Key Features: • Self-contained scroll scene • Text or custom image/logo • Any-position-to-any-position movement • Independent start and final scale • Responsive mobile scaling • Adjustable scroll length and motion range • Linear, Power2 Out, and Power3 InOut easing • Keep Final pinned state • Canvas animation preview • Accessible image alt text • No external packages

How It Works: Drop the component into normal page flow, choose Text or Image, set the start and final positions, then adjust Scroll Scene Length and Motion Start/End. The component handles the sticky scroll behavior internally.

Questions? Reach out at hasanwali6890@gmail.com

Refund Policy All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.