We need to build a single-page web app in index.html, self-contained, with CSS and JS inline. Use pre-provided gsap.min.js file (in current directory). We need to check the file exists. Let's first list files.

We'll run bash ls.

We have gsap.min.js. We'll create index.html that includes <script src="gsap.min.js"></script>. Then we'll create a canvas or SVG shapes? Morphing rounded shapes: Could use SVG path morphing with GSAP's MorphSVGPlugin? However we only have gsap.min.js (core). MorphSVGPlugin is a separate plugin not included. Might need to approximate morphing via scaling/rotating shapes like circles/rects with border-radius. Could use multiple divs with border-radius and animate their scale, rotation, opacity, etc.

Staggered row of dots: just a series of dots (circles) animated with stagger.

Dark background: body { background: #111; color: #fff; }.

We'll create a container div with some shapes.

Let's design: A container with width 100vw height 100vh, display:flex, align-items:center, justify-content:center.

Inside, we have a group of shapes: maybe three rounded squares that morph scale and rotate.

Simpler: Use SVG with <circle> and <rect> with rx for rounded, and animate attributes like width, height, rx, ry, scale, etc. But GSAP can animate CSS properties and SVG attributes.

We'll create three <div class="shape"></div> with border-radius: 30%; width:100px; height:100px; background: linear-gradient etc. Then animate them with GSAP timeline: scale, rotate, borderRadius change, background color change.

Staggered row of dots: <div class="dots"><div class="dot"></div>... maybe 8 dots.

We'll animate dots with opacity or scale stagger.

All in a timeline that repeats: yoyo: true, repeat:-1.

Let's write HTML.

First, read gsap.min.js to ensure no issues? Not needed but could check size.

We'll just include script.

Let's write index.html.

We'll use write tool to create file.

We have created index.html. We should verify file content and ensure it works as expected. Let's quickly cat the file to see.

The file is created. However, we need to ensure that the animation uses GSAP correctly. The timeline is built but we added multiple fromTo calls inside forEach; each call adds to timeline at sequential offset? Actually we are adding for each shape with position parameter i*0.2, which means they start at different times but all within same timeline. However, we also have a separate fromTo for dots at position 0 (start). This means dots animation starts at same time as first shape? Because we set position 0 for the dots fromTo. That's fine.

But there's a nuance: The timeline's repeat and yoyo will cause the whole timeline to reverse and repeat. However, we used fromTo for shapes with each shape having its own fromTo; but the fromTo adds a tween that goes from start to end. When timeline yoyo reverses, it will reverse each tween accordingly. That's okay.

Potential improvement: Use stagger directly on shapes: tl.fromTo(shapes, {...}, {...}, {stagger:0.2}); But we used forEach with position param. That's okay.

Check that we imported gsap.min.js correctly. The script is present.

We should verify there are no syntax errors. Let's maybe run a quick test by opening in a browser? Not possible but we can check if file loads. Could run a simple node http server? Not needed.

We'll just ensure the file exists and is self-contained. Done.

We need to output final answer with confirmation. We'll say index.html created.

Thus final.