I'll create a single-page web app with a looping animated loading sequence featuring morphing rounded shapes and staggered dots, all orchestrated on a GSAP timeline.

I've created a complete single-page web app with a looping animated loading sequence featuring: **Key Features:** - **Dark background** (`#0a0a0f`) with ambient radial gradient orbs that pulse in and out - **Four morphing rounded shapes** with gradient fills and glow effects that: - Appear sequentially with bounce effects - Morph through different sizes, border-radius values, positions, and rotations - Use varied easing functions (elastic, power2, sine, back) for organic motion - **Five staggered dots** in a row that: - Scale up with staggered delays using `stagger` - Pulse in harmony with the shapes - Use elastic easing for bounce effects - **GSAP Timeline** orchestrating all animations with: - Negative overlaps (`-=`) for seamless transitions - `repeat: -1` for infinite looping - `repeatDelay: 0.5` for breathing room between cycles - **Interactive hover effects** on both shapes and dots (scale transforms) - **"Loading" label** that fades in/out with the cycle The animation cycle flows: ambient orbs fade in → shapes appear and morph individually → all shapes morph together → dots stagger in with bounce → label appears → ambient pulse → shapes reform → dots pulse → everything dissolves → restart.