Loading Animation Design

Create a loading animation design.

**Application:** ${{APPLICATION}}
**Brand Style:** ${{STYLE}}
**Loading Type:** ${{TYPE}}
**Duration:** ${{DURATION}}

Generate loading animation:

**Loading Types:**

Animation Categories:
- Indeterminate (unknown time)
- Determinate (progress shown)
- Skeleton screens
- Splash screens
- Pull to refresh

**Design Approaches:**

Style Options:
- Spinner classic
- Progress bar
- Dots/circles
- Logo animation
- Custom illustrated
- Morphing shapes

**Brand Integration:**

Branded Loading:
- Logo incorporated
- Brand colors
- Mascot animation
- Signature motion
- Consistent style

**User Psychology:**

Perceived Time:
- Animation distracts
- Progress indication
- Time estimation
- Activity feedback
- Engagement during wait

**Technical Specs:**

Performance:
- Lightweight file
- Smooth 60fps
- Low CPU usage
- Quick start
- Perfect loop

**Size Options:**

Scale Variations:
- Full screen splash
- Inline small
- Button loading
- Overlay modal
- Skeleton parts

**Common Patterns:**

Universal Designs:
- Circular spinner
- Three dots bounce
- Progress bar fill
- Skeleton shimmer
- Icon pulse

**CSS/Lottie:**

Implementation:
- CSS animation (light)
- Lottie files (rich)
- SVG animation
- GIF fallback
- Choose for context