Spring Icon Loader

A minimal image-icon loader with GSAP physics, landing-only icon swaps, Motion fades, squash-and-stretch, and responsive ground shadow.

Customize

Icon 1 URL

Icon 2 URL

Icon 3 URL

Size56px

Bounce68px

Gravity1550

Icon swap

Squash0.12

Stretch0.10

Tilt7deg

Ground hold0.09s

Shadow color

Shadow opacity0.46

Usage

import { SpringIconLoader } from "@/components/lazy-ui/spring-icon-loader";

<SpringIconLoader
  image1="/images/loading/1.png"
  image2="/images/loading/2.png"
  image3="/images/loading/3.png"
  autoPreview={true}
  size={56}
  bounceHeight={68}
  gravity={1550}
  iconTransition="blur"
  squash={0.12}
  stretch={0.1}
  tilt={7}
  impactHold={0.09}
  shadowColor="#94a3b8"
  shadowOpacity={0.46}
/>