Animation Gallery

A showcase of all available animations and their variants in the Analyzed.in website.

Loading animation...

Hero Lottie

The main hero section animation with data visualization elements.

Background Lottie

A subtle background animation showing data charts and visualizations.

Pattern Animation - Dots

Floating dots pattern that adds visual interest to backgrounds.

Pattern Animation - Lines

Animated lines pattern for subtle background effects.

Pattern Animation - Waves

Gentle wave patterns for flowing background effects.

Pattern Animation - Grid

Grid pattern animation for technical or structural visuals.

Particle Background

Connected particles animation that creates a network visual effect.

Gradient Background

Smooth animated gradient background with color transitions.

Section Title

Section content goes here

Section Transition

Smooth transitions between sections with scroll animations.

How to Use These Animations

// Example: Adding Pattern Animation to a section
<section className="relative">
  <PatternAnimation 
    color="#3B82F6" 
    variant="dots"
    density={50}
    speed={12}
    className="absolute inset-0 pointer-events-none opacity-20 z-0" 
  />
  <div className="relative z-10">
    Your content here
  </div>
</section>