Live Preview Premium

Library Effects

Scroll Morph

A visual element morphs from circle to rectangle to fullscreen as the page scrolls.

Circle → Rect → FullscreenA visual element morphs from circle to rectangle to fullscreen as the page scrolls.One shape telling a story across scroll.Use this asset as a visual and interaction brief. Copy the prompt into your AI coding tool, then adapt layout, brand voice and motion intensity to your product.

Unlock Premium →

This prompt is available to Pro and Lifetime members.

Back to Library

Details

Type: Effects
Category: Scroll
Style: Experimental
Tech stack: CSS
Animation: Morph
Libraries: gsap
Difficulty: Intermediate
License: Commercial
Access: Premium
Views: 909

Morph
Scroll
CSS
GSAP
JavaScript

Premium prompt

Upgrade to Pro or Lifetime to reveal and copy this production-ready prompt.

View membership plans

Members only

Prompt text is gated by ContentGate and is not rendered for guests or Free members on premium assets.

Installation

Copy the prompt into your AI coding tool, then adapt colors and type to your brand.

License: Commercial