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>